@charset "UTF-8";
/**
 * 
 * @authors Richie
 * @date    2017-06-14 10:39:39
 * @version 1.0.0
 */
.withdraw .remainBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-justify-content: center;
  padding: 1rem;
  background-color: #fff;
}
.withdraw .remainBox .remainInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
}
.withdraw .remainBox .remainInfo .logo {
  text-align: center;
  margin: 2rem auto;
  font-size: 4rem;
}
.withdraw .withdrawInfoBox {
  display: block;
  padding: 0.75rem 0.5rem;
}
.withdraw .withdrawInfoBox .verifyBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
  margin-top: 0.75rem;
  background-color: #F2F2F2;
}
.withdraw .withdrawInfoBox .verifyBox .verifyItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  background-color: #f2f2f2;
  height: 2rem;
  line-height: 2rem;
  padding-left: 0.5rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex: 1;
}
.withdraw .withdrawInfoBox .verifyBox .verifyItem.hasidentify .itemValue {
  width: 100%;
}
.withdraw .withdrawInfoBox .verifyBox .verifyItem .tip {
  width: 3rem;
}
.withdraw .withdrawInfoBox .verifyBox .identifyBox {
  padding-left: 2.4%;
  background-color: #fff;
}
.withdraw .withdrawInfoBox .verifyBox .identifyBox .identifyBtn {
  display: block;
  height: 2rem;
  line-height: 2rem;
  padding: 0 0.5rem;
  background-color: #4692f2;
  text-align: center;
  color: #fff;
}
.withdraw .withdrawInfoBox .verifyBox .itemValue {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex: 1;
  padding: 0 0 0 0.5rem;
  height: 2rem;
  line-height: 2rem;
  border: none;
  outline: none;
  background-color: #F2F2F2;
}
.withdraw .withdrawInfoBox .withdrawInfo {
  padding: 0.5rem 1.25rem 0.25rem;
}
.withdraw .withdrawInfoBox .withdrawInfo .withdrawNum {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin-bottom: 0.25rem;
  border-bottom: 1px solid #ddd;
}
.withdraw .withdrawInfoBox .withdrawInfo .withdrawNum input {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  -webkit-flex: auto;
  padding-left: 0.25rem;
}
.withdraw .withdrawInfoBox .withdrawRule {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
}
.withdraw .withdrawInfoBox .withdrawRule .ruleTipIcon {
  color: #4692f2;
  border-bottom: 1px solid #4692f2;
}
.withdraw .withdrawInfoBox .withdrawBtn {
  display: block;
  text-align: center;
  font-size: 0.7rem;
  color: #fff;
  background: #4692f2;
  height: 2rem;
  line-height: 2rem;
  border-radius: 0;
}
.withdraw .withdrawInfoBox .withdrawBtn.disabled {
  background: #ffd0d0;
}
.withdraw .withdrawInfoBox .withdrawBtn.disabled::after {
  border: none;
}
.withdraw .withdrawInfoBox .arriveTime {
  padding-top: 0.75rem;
  display: block;
  text-align: center;
  color: #999;
  font-size: 0.45rem;
}
/* 招生 */
.recruitTip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  line-height: 1.5;
  background-color: #EEEEEE;
}
.recruitTip .text {
  color: #101010;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex: 1;
}
.recruitTip .more {
  position: relative;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  color: #929292;
  line-height: 1.5;
  border-left: 1px solid #ccc;
}
.recruitTip .more .num {
  position: absolute;
  top: -0.3rem;
  left: 50%;
  content: '';
  display: block;
  transform: translateX(0.4rem);
  -webkit-transform: translateX(0.4rem);
  border-radius: 50%;
  background-color: #ff0000;
  min-width: 0.8rem;
  height: 0.8rem;
  line-height: 0.8rem;
  text-align: center;
  color: #fff;
  font-style: normal;
  font-size: 0.45rem;
}
.menuBox .menuList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  font-size: 0.75rem;
  color: #fff;
}
.menuBox .menuList .menuItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  width: 50%;
  padding: 0.5rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-right: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
}
.menuBox .menuList .menuItem:nth-of-type(1) .itemName {
  color: #ff8341;
}
.menuBox .menuList .menuItem:nth-of-type(2) .itemName {
  color: #009af7;
}
.menuBox .menuList .menuItem:nth-of-type(3) .itemName {
  color: #ffbc53;
}
.menuBox .menuList .menuItem:nth-of-type(4) .itemName {
  color: #fc4c5b;
}
.menuBox .menuList .menuItem .photo {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  overflow: hidden;
  text-align: center;
}
.attendanceRecord .tabs {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-justify-content: space-around;
}
.attendanceRecord .tabs select {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  opacity: 0;
  padding: 0 0.5rem;
  color: #909090;
  text-align: center;
  border: none;
}
.attendanceRecord .tabs select + select {
  border-left: 1px solid #909090;
}
.attendanceRecord .tabs span {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex: 1;
  margin: 0.5rem;
  color: #909090;
  text-align: center;
  padding-right: 0.5rem;
}
.attendanceRecord .tabs span + :before {
  content: '';
  position: absolute;
  top: 0.2rem;
  left: -0.5rem;
  width: 0;
  height: 1rem;
  /* border-left: 1px solid #909090; */
}
.attendanceRecord .tabs span:after {
  content: '';
  position: absolute;
  top: 30%;
  margin-left: 0.2rem;
  width: 0;
  height: 0;
  border-top: 6px solid #909090;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
.attendanceRecord .tabs span.on {
  color: #2bc697;
}
.attendanceRecord .tabs span.on:after {
  border-top: 6px solid #2bc697;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
.teacherLists .teacherList {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  background-color: #fff;
  padding: 0.5rem 2.4%;
  line-height: 1.5;
}
.teacherLists .teacherList .intro {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex: 1;
  margin-left: 0.8rem;
  overflow: hidden;
}
.teacherLists .teacherList .phone:after {
  position: absolute;
  right: 3.75%;
  top: 50%;
  content: '';
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: url(../images/phone.png) no-repeat;
  background-size: cover;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.teacherLists .teacherList .addr {
  display: block;
  padding-right: 1.2rem;
}
.teacherLists .teacherList .addr:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 3.75%;
  width: 1rem;
  height: 1rem;
  background: url(../images/posIcon.png) no-repeat;
  background-size: cover;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.teacherLists .teacherList .arrow {
  position: relative;
  padding-right: 1rem;
  text-align: right;
}
.teacherLists .teacherList .arrow:after {
  content: '';
  position: absolute;
  top: 45%;
  right: 3.75%;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 1px solid #909090;
  border-right: 1px solid #909090;
  transform: rotate(45deg) translateX(-50%);
  -webkit-transform: rotate(45deg) translateX(-50%);
}
.teacherLists .teacherList:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 1px;
  border-top: 1px solid #E5E5E5;
  color: #E5E5E5;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  /*  left: 2.4%; */
}
/* 附件下载 */
.downloadContract .downloadTit {
  position: relative;
  display: block;
  padding: 0.5rem 4% ;
  line-height: 1.8;
  color: #333;
  background-color: #fff;
  font-size: 0.65rem;
}
.downloadContract .downloadPanel {
  background-color: #fff;
}
.downloadContract .downloadPanel .downloadList {
  position: relative;
}
.downloadContract .downloadPanel .downloadList .downloadItem {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  padding: 0.8rem 4%;
}
.downloadContract .downloadPanel .downloadList .downloadItem .itemType {
  width: 1.625rem;
  height: 2rem;
  margin-right: 0.7rem;
}
.downloadContract .downloadPanel .downloadList .downloadItem .itemCont {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex: 1;
}
.downloadContract .downloadPanel .downloadList .downloadItem .itemCont .fileName {
  display: block;
  color: #333;
}
.downloadContract .downloadPanel .downloadList .downloadItem .itemCont .fileSize {
  display: block;
  color: #999;
  font-size: 0.65rem;
}
.downloadContract .downloadPanel .downloadList .downloadItem .itemBtn {
  margin-left: 0.5rem;
  background: transparent;
  border: none;
  outline: none;
  color: #333333;
}
.downloadContract .downloadPanel .downloadList .downloadItem .itemBtn .downloadBtn {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 0.7rem;
  text-align: center;
  text-decoration: none;
  color: #fff;
  line-height: 1.8;
  border-radius: 5px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow: hidden;
  background-color: #4692f2;
}
.downloadContract .downloadPanel .downloadList .downloadItem .itemBtn .downloadBtn:active {
  background-color: rgba(0, 196, 81, 0.6);
}
.downloadContract .downloadPanel .downloadList .downloadItem + .downloadItem:after {
  content: " ";
  position: absolute;
  top: 0;
  height: 1px;
  border-top: 1px solid #E5E5E5;
  color: #E5E5E5;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  left: 0;
  right: 0;
}
/* 首页 */
.search-collapsible {
  background-color: rgba(255, 255, 255, 0.8);
  overflow: hidden;
}
.search-collapsible .searchWhite {
  margin: 0.5rem 0 0.5rem 0.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  font-size: 0.6rem;
  color: #fff;
  background-color: #fff;
  border-radius: 5px;
  width: 80%;
  border-radius: 25px;
}
.search-collapsible .searchWhite .search-btn {
  display: block;
  padding: 0.24rem;
  width: 1.02rem;
  height: 1.02rem;
  background: url(../images/search.png) no-repeat;
  background-size: 60%;
  background-position: 50%;
}
.search-collapsible .searchWhite .search-txt {
  float: left;
  height: 1.4rem;
  width: 70%;
  color: #606060;
  background-color: transparent;
  border: none;
  outline: none;
  line-height: normal;
  padding: 0;
}
.search-collapsible .searchWhite .search-txt::-webkit-input-placeholder {
  color: #606060;
}
.search-collapsible .searchGray {
  margin: 0.3rem 2.8rem 0.3rem 0.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  font-size: 0.6rem;
  color: #fff;
  background-color: rgba(204, 204, 204, 0.35);
  border-radius: 5px;
  border-radius: 25px;
}
.search-collapsible .searchGray .search-btn {
  display: block;
  margin: 0.24rem;
  width: 1rem;
  height: 1rem;
  background: url(../images/search_2.png) no-repeat;
  background-size: cover;
}
.search-collapsible .searchGray .search-txt {
  float: left;
  height: 1.4rem;
  width: 75%;
  color: #606060;
  background-color: transparent;
  border: none;
  outline: none;
  line-height: normal;
  padding: 0;
}
.search-collapsible .searchGray .search-txt::-webkit-input-placeholder {
  color: #606060;
}
.search-collapsible .searchCancel {
  position: absolute;
  top: 50%;
  right: 0.5rem;
  /* z-index: 21; */
  font-size: 0.7rem;
  color: #606060;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
/*轮播*/
.swiper-container {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.swiper-container .swiper-slide {
  overflow: hidden;
  float: left;
}
.swiper-container .swiper-slide .bannerImg {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  background-color: #000;
}
.swiper-container .swiper-slide .bannerImg img {
  width: 100%;
}
.pagination {
  position: absolute;
  right: 0;
  bottom: 4%;
  width: 100%;
  z-index: 99;
  text-align: center;
}
.pagination .swiper-pagination-bullet {
  display: inline-block;
  margin: 0 1%;
  background-color: #fff;
  border-radius: 50%;
}
.pagination .swiper-pagination-bullet-active {
  background-color: #fff;
}
.toNext {
  position: absolute;
  top: 50%;
  right: 5px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-top: 5px solid transparent;
  border-left: 10px solid #929292;
  border-bottom: 5px solid transparent;
  width: 0;
  height: 0;
}
/* 商品新版 */
.goodTopBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
}
.goodTopBox .searchGray {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex: 1;
  margin: 0.3rem 0.5rem 0.3rem 0.5rem;
  border-radius: 0.1rem;
}
.goodTopBox .filterBtn {
  padding: 0.3rem 0;
  font-size: 0.5rem;
  color: #606060;
  width: 3rem;
  color: #333;
  text-align: center;
  line-height: 1.2;
}
.goodTopBox .filterBtn .filterIcon {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: url(../images/icon/filterIcon_good.png) no-repeat;
  background-size: cover;
}
.goodTopBox .filterBtn span {
  display: block;
}
.goodTopBox .filterBtn span:before {
  content: '';
}
/* 瀑布流首页 */
.masonry {
  width: 100%;
  margin: 0 auto;
  -webkit-column-gap: 0;
          column-gap: 0;
  counter-reset: item-counter;
  -webkit-column-count: 2;
          column-count: 2;
  padding: 0.2rem 0.2rem 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.item {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-column-break-inside: avoid;
          break-inside: avoid;
  padding: 0.2rem;
  counter-increment: item-counter;
}
.item__content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 40px;
  color: #333;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.item__content .goodImg {
  display: block;
  margin: 0 auto;
  width: 100%;
  /* border-radius: 50%; */
  overflow: hidden;
}
.item__content .goodText {
  padding-top: 0.5rem;
  color: #333;
  letter-spacing: 2px;
  width: 100%;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* autoprefixer: off*/
  -webkit-box-orient: vertical;
  /* autoprefixer: on*/
}
.item__content .businessInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  padding: 0.5rem 0;
}
.item__content .businessInfo .name {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex: 1;
  text-align: left;
  color: #333;
}
.item__content .businessInfo img {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  margin-right: 0.5rem;
}
.item__content .collectBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  font-size: 0.6rem;
  color: #929292;
}
.item__content .collectBox .collect {
  display: block;
  width: 1rem;
  height: 1rem;
  background: url(../images/linkCheck.png) no-repeat;
  background-size: cover;
  margin-right: 0.2rem;
}
.item__content .collectBox .collect.on {
  background-position: -1rem 0;
}
.indexTabs {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-justify-content: space-around;
  padding: 0 5.3%;
}
.indexTabs a {
  position: relative;
  width: 3.5rem;
  padding: 0.5rem 0;
  color: #929292;
  text-align: center;
  line-height: 1.2;
  /* &+:before{ content: ''; position: absolute; top: 0.5rem; left: 0; width: 0; height: 1rem; border-left: 1px solid #909090;} */
  /* &:after{ content: ''; position: absolute; top: 30%; width: 0; height: 0; border-top: 6px solid #909090; border-left: 6px solid transparent; border-right: 6px solid transparent;} */
}
.indexTabs a.on {
  color: #333;
  border-bottom: 2px solid #333;
  /* &:after{ border-top: 6px solid @mainColor; border-left: 6px solid transparent; border-right: 6px solid transparent;} */
}
/* 服务 */
.serviceBox .nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-justify-content: flex-start;
  transition: height 2s;
  -webkit-transition: height 2s;
}
.serviceBox .navIcon {
  position: relative;
  /*  margin: 0 auto;  */
  margin-top: 1.5rem;
  text-align: center;
  line-height: 1.8;
  color: #606060;
  width: 33.33%;
  /* &:before{ display: block; content: ''; margin: auto; width: 2rem; height: 2rem; background: url(../images/icon.png) no-repeat; background-size: 14rem auto;} */
}
.serviceBox .navIcon .navImg {
  display: block;
  margin: auto;
  padding-bottom: 0.2rem;
  width: 1.5rem;
  height: 1.5rem;
}
.serviceBox .navIcon.unRead:after {
  position: absolute;
  top: 0;
  left: 50%;
  content: '';
  display: block;
  transform: translateX(0.6rem);
  -webkit-transform: translateX(0.6rem);
  border-radius: 50%;
  width: 0.3rem;
  height: 0.3rem;
  background-color: #ff0000;
}
.serviceBox .notice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  margin: 0.5rem 5.3%;
  padding: 0.5rem 0 0.5rem 0.5rem;
  color: #333333;
  background-color: #fff;
  border-radius: 0.2rem;
  -webkit-box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.2);
}
.serviceBox .notice .noticeIcon {
  width: 2.15rem;
}
.serviceBox .notice .noticeText {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex: 1;
  padding-left: 0.5rem;
  line-height: 1.8;
  white-space: nowrap;
  border-right: 1px solid #dedede;
}
.serviceBox .notice .noticeText:last-child {
  padding-right: 0;
}
.serviceBox .notice .more {
  width: 2.4rem;
  text-align: center;
  font-size: 0.55rem;
}
.serviceBox .serviceCard {
  position: relative;
}
.serviceBox .serviceCard .cardBg {
  width: 100%;
  padding: 5%;
  border-radius: 1.2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.serviceBox .serviceCard .tip {
  padding: 0.6rem;
  position: absolute;
  top: 5.3%;
  left: 5.3%;
  right: 5.3%;
  color: #fff;
}
.serviceBox .serviceCard .tip .tipItem {
  padding: 0.35rem 0;
  line-height: 1.5;
}
.serviceBox .serviceCard .tip .regBtn {
  position: relative;
  display: block;
  padding-left: 14px;
  padding-right: 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 0.8rem;
  text-align: center;
  text-decoration: none;
  background-color: #ff6060;
  color: #fff;
  line-height: 2.55555556;
  border-radius: 5px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow: hidden;
}
.serviceBox .serviceCard .tip .regBtn:active {
  background-color: #c8af6d;
}
.serviceBox .serviceCard .tip .regBtn.red {
  background-color: #ff6060;
}
.serviceBox .serviceBusinessBox {
  background-color: #fff;
}
.serviceBox .serviceBusinessBox .tit {
  position: relative;
  display: block;
  text-align: center;
  color: #606060;
}
.serviceBox .serviceBusinessBox .tit:before {
  position: absolute;
  left: 2.4%;
  display: block;
  content: '';
  top: 50%;
  width: 36%;
  border-bottom: 1px solid #ccc;
}
.serviceBox .serviceBusinessBox .tit:after {
  position: absolute;
  right: 2.4%;
  display: block;
  content: '';
  top: 50%;
  width: 36%;
  border-bottom: 1px solid #ccc;
}
.serviceBox .serviceBusinessBox .goodLists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.serviceBox .serviceBusinessBox .goodLists .goodList {
  padding: 2.4%;
  width: calc(44.2%);
  border-bottom: 1px solid #dedede;
  border-right: 1px solid #dedede;
}
.serviceBox .serviceBusinessBox .goodLists .goodList .businessImg {
  margin: 0 auto;
  display: block;
  width: 3rem;
  border-radius: 50%;
  overflow: hidden;
  text-align: center;
}
.serviceBox .serviceBusinessBox .goodLists .goodList .businessName {
  padding-top: 0.5rem;
  color: #333;
  letter-spacing: 2px;
  width: 100%;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* autoprefixer: off*/
  -webkit-box-orient: vertical;
  /* autoprefixer: on*/
}
.serviceBox .serviceBusinessBox .goodLists .goodList .businessInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  padding: 0.5rem 0;
}
.serviceBox .serviceBusinessBox .goodLists .goodList .businessInfo img {
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
  margin-right: 0.5rem;
}
.serviceBox .serviceBusinessBox .goodLists .goodList .collectBox {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  font-size: 0.6rem;
  color: #929292;
}
.serviceBox .serviceBusinessBox .goodLists .goodList .collectBox .collect {
  display: block;
  width: 1rem;
  height: 1rem;
  background: url(../images/starCheck.png) no-repeat;
  background-size: cover;
  margin-right: 0.2rem;
}
.serviceBox .serviceBusinessBox .goodLists .goodList .collectBox .collect.on {
  background-position: -1rem 0;
}
/* 首页 */
.loginBox .logo {
  text-align: center;
  padding: 2rem 0 1rem;
}
.loginBox .logo img {
  width: 3.07rem;
}
.loginBox .logo span {
  display: block;
  padding-top: 0.5rem;
  text-align: center;
  color: #2bc697;
}
.loginBox .fillItem {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.75rem 7% 0.75rem;
}
.loginBox .fillItem .itemName {
  width: 4rem;
  color: #606060;
}
.loginBox .fillItem .itemValue {
  -webkit-box-flex: 2;
  -ms-flex: 2;
      flex: 2;
  -webkit-flex: 2;
  background: transparent;
  border: none;
  outline: none;
  line-height: normal;
  color: #929292;
  position: relative;
  padding-left: 1.5rem;
  display: block;
  width: 0%;
}
.loginBox .fillItem .itemValue::-webkit-input-placeholder {
  color: #929292;
}
.loginBox .fillItem .clear {
  display: none;
  background: url(../images/icon_clear.png) no-repeat;
  background-size: cover;
  width: 0.8rem;
  height: 0.8rem;
}
.loginBox .fillItem .clear.hasValue {
  display: block;
}
.loginBox .fillItem.identifyCode {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.loginBox .fillItem.identifyCode .identifyBox {
  -webkit-box-flex: 1;
  -ms-flex: 1;
      flex: 1;
  -webkit-flex: 1;
  text-align: right;
  padding: 0.25rem 0;
  font-size: 0;
}
.loginBox .fillItem.identifyCode .identifyBtn {
  display: inline-block;
  width: 4rem;
  line-height: 1rem;
  font-size: 0.6rem;
  border: 1px solid #2bc697;
  text-align: center;
  border-radius: 0.5rem;
  color: #2bc697;
}
.loginBox .fillItem.verifyCode {
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
}
.loginBox .fillItem.verifyCode .verifyImgBox {
  -webkit-box-flex: 1;
  -ms-flex: 1;
      flex: 1;
  -webkit-flex: 1;
  text-align: right;
  padding: 0.25rem 0;
  font-size: 0;
}
.loginBox .fillItem.verifyCode .verifyImg {
  width: 4rem;
  height: 1.5rem;
}
.loginBox .fillItem:after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 1px;
  border-top: 2px solid #ccc;
  color: #ccc;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  left: 5.3%;
  right: 5.3%;
}
.loginBox .fillItem.phoneIcon:before {
  display: block;
  content: " ";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 1rem;
  height: 1rem;
  background: url(../images/login.png) no-repeat;
  background-size: cover;
  background-position: 0 0;
}
.loginBox .fillItem.messageIcon:before {
  display: block;
  content: " ";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 1rem;
  height: 1rem;
  background: url(../images/login.png) no-repeat;
  background-size: cover;
  background-position: -1rem 0;
}
.loginBox .fillItem.verifyIcon:before {
  display: block;
  content: " ";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 1rem;
  height: 1rem;
  background: url(../images/login.png) no-repeat;
  background-size: cover;
  background-position: -2rem 0;
}
.loginBox .regBtn {
  position: relative;
  display: block;
  padding-left: 14px;
  padding-right: 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 18px;
  text-align: center;
  text-decoration: none;
  background-color: #2bc697;
  color: #fff;
  line-height: 2.55555556;
  border-radius: 5px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow: hidden;
}
.loginBox .agreementBox {
  padding: 0.5rem 5.3%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.loginBox .agreementBox .agreementCheck {
  display: block;
  width: 1rem;
  height: 1rem;
  background: url(../images/check_circle.png) no-repeat;
  background-size: cover;
  margin-right: 0.2rem;
}
.loginBox .agreementBox .agreementCheck.on {
  background-position: -1rem 0;
}
.loginBox .agreementBox .agreementPop {
  color: #2bc697;
  border-bottom: 1px solid #2bc697;
}
.loginBox .registerApply {
  margin: 0.8rem 0;
  width: 100%;
  overflow: hidden;
  padding: 0 5.3%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.loginBox .registerApply .applyTip {
  display: block;
  width: 6.8rem;
  height: 0.8rem;
  margin: 4% auto;
  background: url(../images/registerTip.png) no-repeat;
  background-size: cover;
}
.loginBox .registerApply a {
  display: inline-block;
  width: 48.5%;
  padding: 3% 0;
  font-size: 0.85rem;
  color: #fff;
  text-align: center;
  position: relative;
  border-radius: 5px;
}
.loginBox .registerApply a i {
  display: block;
  position: absolute;
  top: 30%;
  left: 8%;
}
.loginBox .registerApply a.purchaser {
  background: #05c0ef;
  float: left;
}
.loginBox .registerApply a.supplier {
  background: #fa6b54;
  float: right;
}
/*goodTitle*/
.goodTit {
  display: block;
  padding: 2.4%;
  font-weight: normal;
}
.moreList {
  right: 2.4%;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.infoDetailTip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
  padding-top: 2.4%;
  line-height: 1.5;
  font-size: 0.65rem;
  color: #929292;
}
/* 美食资讯 */
.foodInfo {
  background-color: #fff;
}
.foodInfo .infoTip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
  line-height: 1.5;
}
.foodInfo .infoTip .text {
  width: 3.6rem;
  text-align: center;
  color: #606060;
  line-height: 1.5;
}
.foodInfo .infoTip .link {
  color: #606060;
  line-height: 1.8;
}
.foodInfo .foodNav {
  background-color: #fff;
}
.foodInfo .foodNav li {
  float: left;
  /*padding:0 5px;*/
  width: 18.18%;
  text-align: center;
  font-size: 0.65rem;
}
.foodInfo .foodNav .navIcon {
  padding: 0.5rem 0;
  color: #444;
  overflow: hidden;
  width: 100%;
  display: block;
  white-space: nowrap;
}
.foodInfo .foodNav .navIcon.on {
  border-bottom: 2px solid #2bc697;
}
.foodInfo .foodNav .navIcon img {
  display: block;
  margin: auto;
  margin-bottom: 4%;
  width: 50%;
}
/* 资讯 */
.infoBox .infoTab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-justify-content: space-around;
  line-height: 1.5;
  background-color: #fff;
  font-size: 0.65rem;
}
.infoBox .infoTab li {
  line-height: 2.5;
}
.infoBox .infoTab .on {
  color: #2bc697;
  border-bottom: 2px solid #2bc697;
}
.infoBox .infoTip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
  line-height: 1.5;
}
.infoBox .infoTip .text {
  width: 3.6rem;
  text-align: center;
  padding: .1rem .4rem;
  color: #fff;
  background-color: #2bc697;
  border-radius: .5rem;
  line-height: 1.5;
}
.infoBox .infoTip .link {
  color: #2bc697;
  line-height: 1.8;
}
.infoBox .infoList .infoItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  background-color: #fff;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  line-height: 1.5;
}
.infoBox .infoList .infoItem .infoImg {
  width: 5rem;
  overflow: hidden;
  border: 1px solid #ccc;
}
.infoBox .infoList .infoItem .infoText {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex: 1;
}
.infoBox .infoList .infoItem .infoText .title {
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* autoprefixer: off*/
  -webkit-box-orient: vertical;
  /* autoprefixer: on*/
}
.infoBox .infoList .infoItem .check {
  display: block;
  width: 1.02rem;
  height: 1.02rem;
  background: url(../images/check.png) no-repeat;
  background-size: 2.04rem 1.02rem;
  background-position: -1.02rem 0;
}
.infoBox .infoList .infoItem .check.checkOn {
  background-position: 0 0;
}
.recommendGoodBox {
  background-color: #fff;
}
.recommendGoodBox .filterTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  border-bottom: 1px solid #ccc;
}
.recommendGoodBox .filterTop .infoTip {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  -webkit-flex: auto;
}
.recommendGoodBox .filterTop .searchGray {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex: 1;
  margin: 0.3rem 0.5rem;
  height: 1.2rem;
  line-height: 1.2rem;
  font-size: 0.6rem;
  color: #fff;
  background-color: rgba(204, 204, 204, 0.35);
  border-radius: 25px;
}
.recommendGoodBox .filterTop .searchGray .search-btn {
  display: block;
  margin: 0.2rem 0.24rem;
  width: 0.8rem;
  height: 0.8rem;
  background: url(../images/search_2.png) no-repeat;
  background-size: cover;
}
.recommendGoodBox .filterTop .searchGray .search-txt {
  float: left;
  padding: 0;
  height: 1.2rem;
  width: 75%;
  color: #606060;
  background-color: transparent;
  border: none;
  outline: none;
  line-height: normal;
}
.recommendGoodBox .filterTop .searchGray .search-txt::-webkit-input-placeholder {
  color: #606060;
}
.recommendGoodBox .filterTop .filterBtn {
  width: 4.4rem;
  color: #929292;
  text-align: center;
  border-left: 1px solid #ccc;
}
.recommendGoodBox .filterTop .filterBtn span {
  position: relative;
  padding-left: 1rem;
}
.recommendGoodBox .filterTop .filterBtn span:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.75rem;
  height: 0.75rem;
  background: url(../images/icon/filterIcon.png) no-repeat;
  background-size: cover;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.recommendGoodBox .infoTip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  line-height: 1.5;
}
.recommendGoodBox .infoTip .text {
  color: #333333;
  line-height: 1.5;
}
.recommendGoodBox .infoTip .link {
  position: relative;
  padding-right: 1rem;
  color: #929292;
  line-height: 1.8;
}
.recommendGoodBox .infoTip .link:after {
  content: '';
  position: absolute;
  top: 45%;
  right: 0;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 1px solid #929292;
  border-right: 1px solid #929292;
  transform: rotate(45deg) translateX(-50%);
  -webkit-transform: rotate(45deg) translateX(-50%);
}
.recommendGoodBox .infoTip .unread {
  position: relative;
}
.recommendGoodBox .infoTip .unread:before {
  position: absolute;
  top: 0;
  right: .6rem;
  content: '';
  display: block;
  border-radius: 50%;
  width: 0.3rem;
  height: 0.3rem;
  background-color: #ff0000;
}
.recommendGoodBox .infoTab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-justify-content: space-around;
  line-height: 1.5;
  background-color: #fff;
  font-size: 0.65rem;
}
.recommendGoodBox .infoTab li {
  line-height: 2.5;
}
.recommendGoodBox .infoTab .on {
  color: #2bc697;
  border-bottom: 2px solid #2bc697;
}
.recommendGoodBox .tit {
  position: relative;
  display: block;
  text-align: center;
  color: #606060;
}
.recommendGoodBox .tit:before {
  position: absolute;
  left: 2.4%;
  display: block;
  content: '';
  top: 50%;
  width: 36%;
  border-bottom: 1px solid #ccc;
}
.recommendGoodBox .tit:after {
  position: absolute;
  right: 2.4%;
  display: block;
  content: '';
  top: 50%;
  width: 36%;
  border-bottom: 1px solid #ccc;
}
.recommendGoodBox .goodLists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.recommendGoodBox .goodLists .goodList {
  margin: 0 2.4% 5.3% 0;
  width: 47.6%;
}
.recommendGoodBox .goodLists .goodList .goodImg {
  display: block;
  width: 100%;
  overflow: hidden;
  text-align: center;
}
.recommendGoodBox .goodLists .goodList .goodText {
  padding-top: 0.5rem;
  color: #333;
  letter-spacing: 2px;
  width: 100%;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* autoprefixer: off*/
  -webkit-box-orient: vertical;
  /* autoprefixer: on*/
}
.recommendGoodBox .goodLists .goodList .businessInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  padding: 0.5rem 0;
}
.recommendGoodBox .goodLists .goodList .businessInfo img {
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
  margin-right: 0.5rem;
}
.recommendGoodBox .goodLists .goodList .showGoods {
  padding: 0.1rem 0.4rem;
  color: #fff;
  border-radius: 0.5rem;
  background-color: #cf2d34;
}
.recommendGoodBox .goodLists .goodList:nth-of-type(2n) {
  margin-right: 0;
}
.recommendGoodBox .priceBox {
  padding: 2.4% 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-align-items: flex-end;
}
/* 采购商申请 */
.fillBox .fillList {
  background-color: #fff;
}
.fillBox .fillList .fillItem {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.5rem 2.4%;
}
.fillBox .fillList .fillItem .itemName {
  color: #333;
}
.fillBox .fillList .fillItem .itemValue {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex: 1;
  text-align: right;
  background: transparent;
  border: none;
  outline: none;
  color: #333;
  line-height: normal;
}
.fillBox .fillList .fillItem .itemValue::-webkit-input-placeholder {
  color: #929292;
}
.fillBox .fillList .fillItem .posIcon {
  position: relative;
  padding-left: 1.5rem;
}
.fillBox .fillList .fillItem .posIcon:before {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  content: '';
  width: 1rem;
  height: 1rem;
  background: url(../images/phone.png) no-repeat;
  background-size: cover;
  vertical-align: middle;
  margin-right: 0.5rem;
}
.fillBox .fillList .fillItem .clear {
  display: none;
  background: url(../images/icon_clear.png) no-repeat;
  background-size: cover;
  width: 0.8rem;
  height: 0.8rem;
}
.fillBox .fillList .fillItem .clear.hasValue {
  display: block;
}
.fillBox .fillList .fillItem.arrow .itemValue {
  padding-right: 1rem;
  border: none;
  width: 65%;
  text-align: right;
}
.fillBox .fillList .fillItem.arrow:before {
  content: '';
  position: absolute;
  top: 48%;
  right: 2.4%;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 1px solid #4692f2;
  border-right: 1px solid #4692f2;
  transform: rotate(45deg) translateX(-50%);
  -webkit-transform: rotate(45deg) translateX(-50%);
}
.fillBox .fillList .fillItem .areaValue {
  width: 100%;
  line-height: 1.5;
  resize: none;
  background: transparent;
  outline: none;
  color: #929292;
  border: 1px solid #dedede;
}
.fillBox .fillList .fillItem .areaValue.borderN {
  border: none;
}
.fillBox .fillList .fillItem .areaValue::-webkit-input-placeholder {
  color: #929292;
}
.fillBox .fillList .fillItem .itemSelect {
  position: relative;
  background-color: transparent;
  border: none;
  outline: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  padding-right: 1rem;
  background: url("../images/icon/arrow.png") no-repeat scroll right center transparent;
  background-size: contain;
  color: #333;
  direction: rtl;
  -webkit-direction: rtl;
}
.fillBox .fillList .fillItem .itemSelect.selected {
  color: #e5e5e5;
}
.fillBox .fillList .fillItem .check {
  position: absolute;
  right: 2.4%;
  top: 50%;
  display: block;
  margin-top: -0.51rem;
  width: 1.02rem;
  height: 1.02rem;
  background: url(../images/check.png) no-repeat;
  background-size: 2.04rem 1.02rem;
  background-position: -1.02rem 0;
}
.fillBox .fillList .fillItem .check.checkOn {
  background-position: 0 0;
}
.fillBox .fillList .fillItem .check_circle {
  position: relative;
  padding-left: 7.2%;
  font-size: 0.6rem;
}
.fillBox .fillList .fillItem .check_circle:before {
  position: absolute;
  left: 0;
  top: 50%;
  content: '';
  display: block;
  margin-top: -0.51rem;
  width: 1.02rem;
  height: 1.02rem;
  background: url(../images/check.png) no-repeat;
  background-size: 2.04rem 1.02rem;
}
.fillBox .fillList .fillItem .check_circle.checkOn:before {
  background-position: -1.02rem 0;
}
.fillBox .fillList .fillItem .unRead {
  position: relative;
  padding-left: 0.5rem;
}
.fillBox .fillList .fillItem .unRead:before {
  position: absolute;
  top: 50%;
  left: 0;
  content: '';
  display: block;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  border-radius: 50%;
  width: 0.3rem;
  height: 0.3rem;
  background-color: #4692f2;
}
.fillBox .fillList .fillItem .navNum {
  position: absolute;
  top: 0;
  left: 105%;
  content: '';
  /* display: block;  */
  border-radius: 16px;
  background-color: #4692f2;
  min-width: 16px;
  height: 16px;
  line-height: 17px;
  text-align: center;
  color: #fff;
  font-style: normal;
  font-size: 10px;
  padding: 0 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.fillBox .fillList .fillItem .up {
  position: absolute;
  right: 2.4%;
  top: 50%;
  display: block;
  margin-top: -0.51rem;
  width: 1.02rem;
  height: 1.02rem;
  background: url(../images/updown.png);
  background-size: 2.04rem 1.02rem;
  background-position: -1.02rem 0;
}
.fillBox .fillList .fillItem .up.down {
  background-position: 0 0;
}
.fillBox .fillList .fillItem .delBtn {
  position: relative;
  display: block;
  padding-left: 14px;
  padding-right: 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  text-decoration: none;
  background-color: #ca1f25;
  color: #fff;
  line-height: 1.8;
  border-radius: 5px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow: hidden;
}
.fillBox .fillList .fillItem + .fillItem:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 1px;
  border-top: 1px solid #efefef;
  color: #efefef;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  /*  left: 2.4%; */
}
.fillBox .agreementBox {
  padding: 0.5rem 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.fillBox .agreementBox .agreementCheck {
  display: block;
  width: 1rem;
  height: 1rem;
  background: url(../images/check_circle.png) no-repeat;
  background-size: cover;
  margin-right: 0.2rem;
}
.fillBox .agreementBox .agreementCheck.on {
  background-position: -1rem 0;
}
.fillBox .agreementBox .agreementPop {
  color: #2bc697;
  border-bottom: 1px solid #2bc697;
}
.fillBox .regBtn {
  position: relative;
  display: block;
  padding-left: 14px;
  padding-right: 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 18px;
  text-align: center;
  text-decoration: none;
  background-color: #4692f2;
  color: #fff;
  line-height: 2.55555556;
  border-radius: 5px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow: hidden;
}
.fillBox .regBtn:active {
  background-color: #c8af6d;
}
.fillBox .regBtn.red {
  background-color: #ca1f25;
}
/* 我的 */
.my {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0.5rem;
  background-color: #fff;
  color: #333;
  height: 5.3rem;
  background: url(../images/userInfoBg.png) no-repeat;
  background-size: cover;
}
.my .photoBox {
  position: relative;
}
.my .photoBox .maleIcon {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1rem;
  height: 1rem;
  background: url(../images/icon/sexIcon.png) no-repeat;
  background-size: cover;
  background-position: 0 0;
}
.my .photoBox .femaleIcon {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1rem;
  height: 1rem;
  background: url(../images/icon/sexIcon.png) no-repeat;
  background-size: cover;
  background-position: -1rem 0;
}
.my .photoBox input[type='file'] {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 3rem;
  opacity: 0;
}
.my .photo {
  position: relative;
  display: block;
  text-align: center;
  width: 3.6rem;
  border-radius: 50%;
  overflow: hidden;
}
.my .uesrText {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  -webkit-flex: auto;
  padding-top: 0.53rem;
}
.my .arrow {
  position: relative;
  padding-right: 1rem;
  text-align: right;
}
.my .arrow:after {
  content: '';
  position: absolute;
  top: 45%;
  right: 0;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg) translateX(-50%);
  -webkit-transform: rotate(45deg) translateX(-50%);
}
.my .mySet {
  position: absolute;
  top: 0.85rem;
  right: 0.5rem;
  width: 1rem;
  height: 1rem;
  background: url(../images/myIcon.png) no-repeat;
  background-size: 4rem;
  background-position: -3rem 0;
}
.myBox .myInfo {
  /* position: relative; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; flex-direction:column; -webkit-flex-direction:column; padding: 2.3rem 0 0; background-color: #fff; color: #333; height: 7.2rem; background: url(../images/myBg.jpg) no-repeat; background-size: cover; */
  /* .photoBox{ position: relative;
			.businessFlag{ position: absolute; right: 0; top: 0; display: block; padding: 0.2rem 0.4rem; color: #fff; background-color: #ff9000; font-size: 0.6rem; transform: translateX(80%); -webkit-transform: translateX(80%); border-radius: 0.5rem;}
			.arrow{ padding-right: 1rem; white-space: nowrap;
				&:after{ content: ''; position: absolute; top: 45%; right: 0.3rem; width: 0.3rem; height: 0.3rem; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg) translateX(-50%); -webkit-transform: rotate(45deg) translateX(-50%);}
			}
		} */
  position: relative;
  padding: 1.5rem 0 2.3rem;
  background-color: #fff;
  color: #333;
  /* height: 6rem; */
  background: url(../images/myBg.jpg) no-repeat;
  background-size: cover;
}
.myBox .myInfo .photoBox {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  padding: 0 2.4%;
  /* flex-direction:column; -webkit-flex-direction:column; */
}
.myBox .myInfo .photoBox .businessFlag {
  display: block;
  padding: 0.15rem 0.4rem;
  color: #c39547;
  font-size: 0.5rem;
  margin-top: 0.1rem;
  margin-left: 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid #c39547;
}
.myBox .myInfo .photoBox .levelView {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  display: block;
  padding: 0.15rem 0.4rem;
  color: #845726;
  background: url(../images/levelView.png) no-repeat;
  background-size: cover;
  font-size: 0.6rem;
}
.myBox .myInfo .photoBox .vipIcon {
  display: inline-block;
  width: 0.6rem;
  height: 0.6rem;
  background: url(../images/icon/vipSignIcon.png) no-repeat;
  background-size: cover;
  vertical-align: -0.1rem;
  margin-right: 0.2rem;
}
.myBox .myInfo .photoBox .arrow {
  padding-right: 1rem;
  white-space: nowrap;
}
.myBox .myInfo .photoBox .arrow:after {
  content: '';
  position: absolute;
  top: 45%;
  right: 0.3rem;
  width: 0.3rem;
  height: 0.3rem;
  border-top: 1px solid #845726;
  border-right: 1px solid #845726;
  transform: rotate(45deg) translateX(-50%);
  -webkit-transform: rotate(45deg) translateX(-50%);
}
.myBox .myInfo .photo {
  display: block;
  text-align: center;
  width: 3rem;
  border-radius: 50%;
  overflow: hidden;
}
.myBox .myInfo .uesrText {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  -webkit-flex: auto;
}
.myBox .myInfo .bottom {
  position: absolute;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
  width: 100%;
}
.myBox .myInfo .bottom span {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex: 1;
  text-align: center;
  background-color: rgba(27, 27, 27, 0.2);
  color: #fff;
  line-height: 3;
}
.myBox .myInfo .bottom .vipIcon {
  display: inline-block;
  width: 0.9rem;
  height: 0.9rem;
  background: url(../images/icon/vipIcon.png) no-repeat;
  background-size: cover;
  vertical-align: middle;
  margin-right: 0.2rem;
}
.myBox .myInfo .arrow {
  position: relative;
  padding-right: 1rem;
  text-align: right;
}
.myBox .myInfo .arrow:after {
  content: '';
  position: absolute;
  top: 45%;
  right: 0;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg) translateX(-50%);
  -webkit-transform: rotate(45deg) translateX(-50%);
}
.myBox .myInfo .mySet {
  position: absolute;
  top: 0.85rem;
  right: 0.5rem;
  width: 1rem;
  height: 1rem;
  background: url(../images/exitIcon.png) no-repeat;
  background-size: cover;
  display: block;
  font-size: 0.7rem;
  color: #fff;
}
.myBox .myInfo .myMessage {
  position: absolute;
  top: 0.85rem;
  left: 0.5rem;
  width: 1rem;
  height: 1rem;
  background: url(../images/messIcon.png) no-repeat;
  background-size: cover;
  display: block;
  font-size: 0.7rem;
  color: #fff;
}
.myBox .myInfo .myMessage.unRead:after {
  position: absolute;
  top: 0;
  left: 50%;
  content: '';
  display: block;
  transform: translateX(0.6rem);
  -webkit-transform: translateX(0.6rem);
  border-radius: 50%;
  width: 0.3rem;
  height: 0.3rem;
  background-color: #ff0000;
}
.myBox .myOrder .nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-justify-content: flex-start;
  transition: height 2s;
  -webkit-transition: height 2s;
}
.myBox .myOrder .navIcon {
  position: relative;
  /*  margin: 0 auto;  */
  margin-top: 0.5rem;
  text-align: center;
  line-height: 1.8;
  color: #606060;
  width: 20%;
  /* &:before{ display: block; content: ''; margin: auto; width: 2rem; height: 2rem; background: url(../images/icon.png) no-repeat; background-size: 14rem auto;} */
}
.myBox .myOrder .navIcon .navImg {
  display: block;
  margin: auto;
  padding-bottom: 0.2rem;
  width: 1.8rem;
  height: 1.8rem;
}
.myBox .myOrder .navIcon.unRead:after {
  position: absolute;
  top: 0;
  left: 50%;
  content: '';
  display: block;
  transform: translateX(0.6rem);
  -webkit-transform: translateX(0.6rem);
  border-radius: 50%;
  width: 0.3rem;
  height: 0.3rem;
  background-color: #ff0000;
}
/* 个人资料 */
.userInfo {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
  padding: 0.5rem;
  background-color: #fff;
}
.userInfo .photo {
  position: relative;
  display: block;
  text-align: center;
  width: 3.6rem;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 1rem;
}
.userInfo .photo .avatarUp {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 4rem;
  opacity: 0;
}
.userInfo .uesrText {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  -webkit-flex: auto;
  padding-left: 0.85rem;
}
.userInfo .arrow:after {
  content: '';
  position: absolute;
  top: 48%;
  right: 0;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 1px solid #929292;
  border-right: 1px solid #929292;
  transform: rotate(45deg) translateX(-50%);
  -webkit-transform: rotate(45deg) translateX(-50%);
}
.userInfo:before {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 1px;
  border-top: 1px solid #E5E5E5;
  color: #E5E5E5;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
/* 我 */
.fillList .infoItem {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  padding: 0.5rem;
  line-height: 1.2;
  background-color: #fff;
  margin: 0.5rem;
}
.fillList .infoItem .infoValue {
  position: relative;
  margin-right: 2rem;
}
.fillList .infoItem .infoValue:before {
  content: '';
  width: 0.375rem;
  position: absolute;
  left: -0.5rem;
  top: -0.5rem;
  bottom: -0.5rem;
  background: url(../images/sideLine.png) no-repeat;
  background-size: contain;
}
.fillList .infoItem.arrow:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 2.4%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 1rem;
  height: 1rem;
  background: url(../images/arrowIcon.png) no-repeat;
  background-size: cover;
}
/* 修改密码 */
.changePW {
  background-color: #fff;
}
.changePW .fillItem {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.5rem 2.4%;
}
.changePW .fillItem .itemName {
  width: 4rem;
  color: #606060;
}
.changePW .fillItem .itemValue {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex: 1;
  color: #929292;
}
.changePW .fillItem .itemValue input {
  width: 100%;
  background: transparent;
  border: none;
  outline: none;
  color: #929292;
}
.changePW .fillItem .itemValue::-webkit-input-placeholder {
  color: #929292;
}
.changePW .fillItem .clear {
  visibility: hidden;
  background: url(../images/icon_clear.png) no-repeat;
  background-size: cover;
  width: 0.8rem;
  height: 0.8rem;
}
.changePW .fillItem .clear.hasValue {
  visibility: visible;
}
.changePW .fillItem.verifyCode {
  padding-top: 0;
  padding-bottom: 0;
}
.changePW .fillItem.verifyCode .itemValue {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
  -webkit-flex: 2;
  background: transparent;
  border: none;
  outline: none;
  color: #929292;
}
.changePW .fillItem.verifyCode .itemValue::-webkit-input-placeholder {
  color: #929292;
}
.changePW .fillItem.verifyCode .verifyImgBox {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex: 1;
  text-align: right;
  padding: 0.25rem 0;
  font-size: 0;
}
.changePW .fillItem.verifyCode .verifyImg {
  width: 3rem;
  height: 1.5rem;
}
.changePW .fillItem + .fillItem:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 1px;
  border-top: 1px solid #E5E5E5;
  color: #E5E5E5;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  left: 2.4%;
}
/* 商品详情分享头部 */
.shareLike {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 21;
  padding: 2.4%;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.shareLike a {
  display: block;
  margin-right: 3.75%;
  width: 1.4rem;
  height: 1.4rem;
  background: url(../images/goodDetail.png?time=12312314);
  background-size: 5rem auto;
}
.shareLike .backI {
  background-position: 0 0;
}
.shareLike .backNone {
  background-image: none;
}
.shareLike .circleMark {
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.6);
}
.shareLike .kfIcon {
  margin-right: 0;
  background-position: -2.8rem 0;
}
.shareLike .cartIcon {
  position: relative;
  background-position: -1.4rem 0;
}
.shareLike .zanIcon {
  background-position: 0 -1.4rem;
}
.shareLike .zanIcon.on {
  background-position: -1.4rem -1.4rem;
}
.shareLike .text {
  display: block;
  width: auto;
  height: 1.4rem;
  line-height: 1.4rem;
  border-radius: 15px;
  color: #fff;
  text-align: center;
  font-size: 0.7rem;
  padding: 0 0.5rem 0 0.5rem;
  background-image: none;
}
.shareLike .prise {
  position: relative;
  display: block;
  width: auto;
  height: 1.4rem;
  line-height: 1.4rem;
  border-radius: 15px;
  color: #fff;
  text-align: center;
  font-size: 0.7rem;
  padding: 0 0.5rem 0 1.8rem;
  background-image: none;
}
.shareLike .prise:before {
  position: absolute;
  top: 50%;
  left: 0.5rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  content: '';
  width: 1rem;
  height: 1rem;
  background: url('../images/goodDetail.png');
  background-size: 6.7rem auto;
  background-position: -12.35rem 0;
}
.shareLike .cartNum {
  position: absolute;
  top: -0.2rem;
  left: 50%;
  content: '';
  display: block;
  transform: translateX(0.2rem);
  -webkit-transform: translateX(0.2rem);
  border-radius: 50%;
  background-color: #ff0000;
  min-width: 0.8rem;
  height: 0.8rem;
  line-height: 0.8rem;
  text-align: center;
  color: #fff;
  font-style: normal;
  font-size: 0.45rem;
}
/* 商品详情 */
.goodDetail .businessTop {
  position: relative;
}
.goodDetail .businessTop .businessInfo {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  padding: 0.5rem;
  background-color: #fff;
  color: #333;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.goodDetail .businessTop .businessInfo .photo {
  display: block;
  text-align: center;
  width: 2.5rem;
  border-radius: 50%;
  overflow: hidden;
}
.goodDetail .businessTop .businessInfo .uesrText {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  -webkit-flex: auto;
  padding-left: 0.53rem;
}
.goodDetail .businessTop .businessInfo .arrow {
  position: relative;
  padding-right: 1rem;
  text-align: right;
  color: #929292;
}
.goodDetail .businessTop .businessInfo .arrow:after {
  content: '';
  position: absolute;
  top: 45%;
  right: 0;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 1px solid #929292;
  border-right: 1px solid #929292;
  transform: rotate(45deg) translateX(-50%);
  -webkit-transform: rotate(45deg) translateX(-50%);
}
.goodDetail .businessTop .businessBg {
  display: block;
  width: 100%;
  overflow: hidden;
}
.goodDetail .goodInfo {
  background-color: #fff;
}
.goodDetail .goodInfo .title {
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* autoprefixer: off*/
  -webkit-box-orient: vertical;
  /* autoprefixer: on*/
}
.goodDetail .goodInfo .tip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  padding-top: 2.4%;
  line-height: 2;
  font-size: 0.55rem;
  color: #929292;
}
.goodDetail .contentTitle {
  display: block;
  padding: 2.4%;
  text-align: center;
  background-color: #f0f0f0;
  font-size: 0.5rem;
  color: #929292;
}
.goodDetail .contentTitle:before {
  content: '';
  display: inline-block;
  width: 1.5rem;
  height: 1px;
  background-color: #ccc;
  vertical-align: middle;
}
.goodDetail .contentTitle:after {
  content: '';
  display: inline-block;
  width: 1.5rem;
  height: 1px;
  background-color: #ccc;
  vertical-align: middle;
}
.goodDetail .content {
  background-color: #fff;
  padding: 2.4%;
  line-height: 1.5;
  font-size: 0.7rem;
}
.goodDetail .content p {
  margin: 0;
}
.goodDetail .content img {
  display: block;
  width: 100%;
}
/* 所有文章编辑区 */
.article {
  color: #606060;
}
.article img {
  width: 100%;
}
.a_link {
  display: block;
  color: #000;
}
.shareColl {
  position: absolute;
  right: -24%;
  top: 0;
  display: none;
  width: 0;
  height: 100%;
}
.shareColl.one a {
  width: 100%;
}
.shareColl.two a {
  width: 50%;
}
.shareColl a {
  position: relative;
  display: block;
  float: left;
  width: 33.33%;
  height: 100%;
  text-align: center;
  font-size: 0.5rem;
  color: #fff;
  background-color: #0fadf4;
}
.shareColl a:nth-of-type(2) {
  background-color: #0288D1;
}
.shareColl a:before {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  display: block;
  margin: -0.385rem 0 0 -0.385rem;
  width: 0.77rem;
  height: 0.77rem;
  background: url(../images/shareColl.png);
  background-size: auto 1.532rem;
}
.shareColl .shareIcon:before {
  background-position: 0 0;
}
.shareColl .collIcon:before {
  background-position: -0.77rem -0.77rem;
}
.shareColl .delIcon:before {
  background-position: 0 -0.77rem;
}
.shareColl .tipIcon:before {
  background-position: -0.77rem 0;
}
/* 编辑删除 */
.edit {
  position: absolute;
  top: 0;
  display: none;
  height: 100%;
  width: 0;
  border-bottom: 1px solid #ccc;
}
.edit:after {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  display: inline-block;
  margin-top: -0.57rem;
  margin-left: -0.57rem;
  width: 1.14rem;
  height: 1.14rem;
  background: url(../images/del.png);
  background-size: 1.14rem auto;
}
.edit.on {
  /* background-color: #e1e1e1; */
}
.edit.on:after {
  background-position: -1.1rem 0;
}
.businessOrder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  padding: 0.5rem;
  background-color: #fff;
}
.businessOrder .checkAll {
  display: block;
  margin-right: 2.4%;
  width: 1.02rem;
  height: 1.02rem;
  background: url(../images/check_circle.png) no-repeat;
  background-size: 2.04rem 1.02rem;
}
.businessOrder .checkAll.checkOn {
  background-position: -1.02rem 0;
}
/*购物车*/
.cartUl li {
  position: relative;
  padding: 4.8% 2.4% 4.8% 9.6%;
}
.cartUl.orderDetail li {
  padding: 2.4%;
}
.cartUl .check {
  position: absolute;
  left: 2.4%;
  top: 50%;
  display: block;
  margin-top: -0.51rem;
  width: 1.02rem;
  height: 1.02rem;
  background: url(../images/check_circle.png) no-repeat;
  background-size: 2.04rem 1.02rem;
  background-position: -1.02rem 0;
}
.cartUl .check.checkOn {
  background-position: 0 0;
}
.cartUl .photo {
  width: 20%;
  text-align: center;
  overflow: hidden;
  border: 1px solid #eee;
}
.cartUl .text {
  margin-right: 2.4%;
  width: 72%;
}
.cartUl .desc {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* autoprefixer: off*/
  -webkit-box-orient: vertical;
  /* autoprefixer: on*/
}
.cartUl .refundBtn {
  margin-left: 0.5rem;
  display: block;
  text-align: center;
  font-size: 0.6rem;
  padding: 0.15rem 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid #929292;
  color: #929292;
}
.cartUl .pjBtn {
  margin-left: 0.5rem;
  display: block;
  text-align: center;
  font-size: 0.6rem;
  padding: 0.15rem 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid #ffae00;
  color: #ffae00;
}
.cartUl .onlineService {
  display: block;
  width: 64%;
  text-align: center;
  font-size: 0.8rem;
  background-color: #fff;
  color: #fff;
}
.cartUl .onlineService.operateBox {
  padding-top: 5.3%;
  width: 100%;
  color: #cf2d34;
}
.cartUl .onlineService.operateBox .addSubt {
  width: 50%;
}
.cartUl .onlineService .addSubt {
  display: inline-block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  font-size: 0.8rem;
  border: 1px solid #acacac;
  overflow: hidden;
  white-space: nowrap;
}
.cartUl .onlineService .operate {
  width: 1.5rem;
  height: 1.2rem;
  line-height: 1.2rem;
  text-align: center;
  cursor: pointer;
  color: #727272;
}
.cartUl .onlineService .operate.disable {
  background-color: #ccc;
}
.cartUl .onlineService .much {
  width: calc(100% - 3rem - 2px);
  height: 1.2rem;
  line-height: 1.2rem;
  padding: 0;
  text-align: center;
  outline: none;
  border: none;
  border-left: 1px solid #acacac;
  border-right: 1px solid #acacac;
  border-radius: 0;
}
.cartUl .bidBtn {
  display: block;
  width: 33.3%;
  text-align: center;
  line-height: 1.25rem;
  font-size: 0.65rem;
  background-color: #ff9907;
  color: #fff;
  border-radius: 0.5rem;
}
.cartUl .bidBtn.disable {
  background-color: #929292;
}
.orderOperateBox {
  line-height: 2.048rem;
  font-size: 0.7rem;
  background-color: #fff;
  padding: 0.5rem;
}
.orderOperateBox .change,
.orderOperateBox .addCart,
.orderOperateBox .payBtn {
  display: block;
  width: 26%;
  text-align: center;
  line-height: 1.5;
  font-size: 0.7rem;
  margin-left: 0.5rem;
  border-radius: 0.5rem;
}
.orderOperateBox .change.noCoins,
.orderOperateBox .addCart.noCoins,
.orderOperateBox .payBtn.noCoins {
  background-color: #b6b6b6;
}
.orderOperateBox .change {
  border: 1px solid #ffae00;
  color: #ffae00;
}
.orderOperateBox .addCart {
  border: 1px solid #929292;
  color: #929292;
}
.orderOperateBox .payBtn {
  border: 1px solid #2bc697;
  color: #fff;
  background-color: #2bc697;
}
.orderFooter {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  line-height: 2.048rem;
  font-size: 0.7rem;
  background-color: #fff;
  padding: 0.5rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.orderFooter .change,
.orderFooter .addCart,
.orderFooter .payBtn {
  display: block;
  width: 26%;
  text-align: center;
  line-height: 1.5;
  font-size: 0.7rem;
  margin-left: 0.5rem;
  border-radius: 0.5rem;
}
.orderFooter .change.noCoins,
.orderFooter .addCart.noCoins,
.orderFooter .payBtn.noCoins {
  background-color: #b6b6b6;
}
.orderFooter .change {
  border: 1px solid #ffae00;
  color: #ffae00;
}
.orderFooter .addCart {
  border: 1px solid #929292;
  color: #929292;
}
.orderFooter .payBtn {
  border: 1px solid #2bc697;
  color: #fff;
  background-color: #2bc697;
}
.cartFoot {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 2.048rem;
  line-height: 2.048rem;
  background-color: #fff;
}
.cartFoot .checkAll {
  position: relative;
  padding-left: 7.2%;
  margin-left: 2.4%;
  margin-right: 2.4%;
}
.cartFoot .checkAll:before {
  position: absolute;
  left: 0;
  top: 50%;
  content: '';
  display: block;
  margin-top: -0.51rem;
  width: 1.02rem;
  height: 1.02rem;
  background: url(../images/check_circle.png) no-repeat;
  background-size: 2.04rem 1.02rem;
}
.cartFoot .checkAll.checkOn:before {
  background-position: -1.02rem 0;
}
.cartFoot .goChange {
  width: 30%;
  text-align: center;
  height: 2.048rem;
  line-height: 2.048rem;
  font-size: 0.94rem;
  color: #fff;
  background-color: #2bc697;
}
.goodSide {
  display: none;
  position: fixed;
  bottom: 2.3rem;
  left: 0;
  z-index: 23;
  width: 100%;
  height: 45%;
  background-color: #fff;
  /* .addSubt{ font-size: 0.8rem; border: 1px solid #acacac; border-radius: 5px; overflow: hidden;}
	.operate{ float: left; width: 1rem; height: 1rem; line-height: 1rem; text-align: center; cursor: pointer; color: #727272;
		&.disable{ background-color: #ccc;}
	}
	.much{ float: left; width: 1.792rem; height: 1rem; line-height: 1rem; text-align: center; outline: none; border: none; border-left: 1px solid #acacac; border-right: 1px solid #acacac; border-radius: 0;} */
}
.goodSide .scorllWrapper {
  overflow: scroll;
  height: calc(100% - 24%);
}
.goodSide .close {
  position: absolute;
  right: 2.4%;
  top: 2.4%;
  display: block;
  width: 0.77rem;
  height: 0.77rem;
  background: url(../images/icon_clear.png);
  background-size: cover;
  cursor: pointer;
}
.goodSide .photo {
  margin-top: -5%;
  width: 20%;
  text-align: center;
  overflow: hidden;
}
.goodSide .text {
  margin-left: 2.4%;
  margin-top: 4.8%;
  width: 75%;
}
.goodSide h4 {
  font-size: 0.7rem;
  font-weight: 600;
  color: #212121;
}
.goodSide .desc {
  font-size: 0.7rem;
  font-weight: 600;
  color: #b6b6b6;
}
.goodSide .desc em {
  margin-left: 2.4%;
  color: #ffeb3b;
}
.goodSide .tit {
  margin: 0 2.4%;
  padding: 2.4% 0;
  border-top: 1px solid #f0f0f0;
}
.goodSide .goodDesc {
  margin-left: 2.4%;
  padding-bottom: 2.4%;
  border-bottom: 1px solid #f0f0f0;
}
.goodSide .goodDesc li {
  float: left;
  margin: 0 4% 2.4% 0;
  padding: 0.3rem 0.5rem;
  border-radius: 0.8rem;
  border: 1px solid #ccc;
  text-align: center;
}
.goodSide .goodDesc li.on {
  border: 1px solid #2bc697;
}
.goodSide .goodDesc li.disable {
  background-color: #ccc;
}
.goodSide .changeBox {
  margin: 2.4%;
}
.goodSide .addSubt {
  width: 6rem;
  height: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  font-size: 0.8rem;
  border: 1px solid #acacac;
  overflow: hidden;
  white-space: nowrap;
}
.goodSide .operate {
  width: 1.5rem;
  height: 1.1rem;
  line-height: 1rem;
  text-align: center;
  cursor: pointer;
  color: #727272;
}
.goodSide .operate.disable {
  background-color: #ccc;
}
.goodSide .much {
  width: calc(100% - 3rem - 2px);
  height: 1rem;
  line-height: 1rem;
  text-align: center;
  outline: none;
  border: none;
  border-left: 1px solid #acacac;
  border-right: 1px solid #acacac;
  border-radius: 0;
}
.goodSide .sureBtn {
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 0.7rem 0;
  width: 100%;
  text-align: center;
  font-size: 0.8rem;
  color: #fff;
  background-color: #2bc697;
}
/*订单提交*/
.orderShow .cartUl li {
  padding: 4.8%;
}
.orderShow .cartUl .text {
  margin-right: 0;
  width: 65%;
}
/*订单评论*/
.orderComment li {
  position: relative;
}
.orderComment .photo {
  width: 20%;
  text-align: center;
  overflow: hidden;
  border: 1px solid #eee;
}
.orderComment .text {
  margin-right: 2.4%;
  width: 72%;
}
.orderComment .text .desc {
  color: #333;
  letter-spacing: 2px;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* autoprefixer: off*/
  -webkit-box-orient: vertical;
  /* autoprefixer: on*/
}
.orderComment .commentBox {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
  padding: 0.5rem 2.4%;
}
.orderComment .commentBox .areaValue {
  width: 100%;
  resize: none;
  background: transparent;
  border: none;
  outline: none;
  color: #333;
}
.orderComment .commentBox .areaValue::-webkit-input-placeholder {
  color: #929292;
}
.orderComment .galleryList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  overflow: hidden;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.orderComment .galleryList .galleryItem {
  margin: 1% 1% 0 0;
  width: 32%;
}
.orderComment .galleryList .galleryImg {
  display: block;
  width: 100%;
  overflow: hidden;
  border-radius: 0;
}
.orderComment .commentBtn {
  display: inline-block;
  padding: 0.3rem 0.5rem;
  background-color: #2bc697;
  border-radius: 0.5rem;
  color: #fff;
  font-size: 0.7rem;
}
.orderInfo .infoTip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
  line-height: 1.5;
  padding: 0.5rem 2.4%;
}
.orderInfo .fillList {
  padding: 0.5rem 2.4%;
}
.orderInfo .fillList .fillItem {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.5;
}
.orderInfo .fillList .fillItem .itemName {
  width: 4rem;
  color: #606060;
}
.orderInfo .fillList .fillItem .itemValue {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex: 1;
}
.orderInfo .fillList .fillItem .itemValue input {
  width: 100%;
  background: transparent;
  border: none;
  outline: none;
  color: #929292;
}
.orderInfo .fillList .fillItem .itemValue::-webkit-input-placeholder {
  color: #929292;
}
.orderInfo .fillList .fillItem .itemValue.status {
  color: #2bc697;
}
.orderInfo .fillList .fillItem.arrow .itemValue {
  position: relative;
  padding-right: 1rem;
  border: none;
  width: 65%;
  text-align: right;
}
.orderInfo .fillList .fillItem.arrow:before {
  content: '';
  position: absolute;
  top: 48%;
  right: 0;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 1px solid #929292;
  border-right: 1px solid #929292;
  transform: rotate(45deg) translateX(-50%);
  -webkit-transform: rotate(45deg) translateX(-50%);
}
.note {
  width: 25%;
}
.noteCont {
  width: 75%;
  text-align: right;
  border: none;
  resize: none;
}
.receivtBox {
  position: fixed;
  top: 35%;
  left: 11.5%;
  z-index: 23;
  padding: 2.4% 5.3%;
  width: 66.4%;
  color: #fff;
  background-color: #03a9f5;
  border-radius: 5px;
}
.receivtBox .title {
  font-size: 0.85rem;
  text-align: center;
}
.receivtBox .wayUl {
  font-size: 0.7rem;
}
.receivtBox .wayUl li {
  padding: 5.3% 2.4%;
  border-bottom: 1px solid #35baf6;
  cursor: pointer;
}
.receivtBox .wayUl li:last-child {
  border-bottom: none;
}
.receivtBox .wayUl li.checkOn {
  position: relative;
}
.receivtBox .wayUl li.checkOn:after {
  position: absolute;
  right: 2.4%;
  top: 50%;
  content: '';
  display: block;
  margin-top: -0.32rem;
  width: 0.64rem;
  height: 0.64rem;
  background: url(../images/icon/checkOn.png) no-repeat;
  background-size: cover;
}
/*自提地点*/
.placeUl {
  padding: 0 5.3%;
  font-size: 0.8rem;
  color: #555;
  border-top: 0.5rem solid #f4f4f4;
}
.placeUl li {
  padding: 2.8% 0;
  border-bottom: 1px solid #eee;
  cursor: pointer;
}
.placeUl li.checkOn {
  position: relative;
}
.placeUl li.checkOn:after {
  position: absolute;
  right: 2.4%;
  top: 50%;
  content: '';
  display: block;
  margin-top: -0.32rem;
  width: 0.64rem;
  height: 0.64rem;
  background: url(../images/icon/checkOnB.png) no-repeat;
  background-size: cover;
}
/* 成功提示*/
.successBox {
  width: 50%;
  margin: 0 auto;
  border-radius: 0.5rem;
  background-color: #000;
  opacity: 0.5;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
}
.successBox .succImg {
  width: 2.56rem;
  padding: 1rem 0;
}
.successBox .succTip {
  display: block;
  line-height: 2;
  font-size: 0.8rem;
  color: #fff;
}
/* 信用担保管理 */
.creditGuarantyManage .listBox {
  position: relative;
  display: block;
  background-color: #fff;
}
.creditGuarantyManage .listBox .fillTip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.5;
  padding: 0.5rem;
  border-bottom: 1px solid #ccc;
}
.creditGuarantyManage .listBox .fillList {
  padding: 0.5rem 0;
}
.creditGuarantyManage .listBox .fillItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.5;
  padding: 0 0.5rem;
  /* &:after{content: " "; position: absolute; left: 0; top: 0; right: 0; height: 1px; border-top: 1px solid #E5E5E5; color: #E5E5E5; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); left: 2.4%;} */
}
.creditGuarantyManage .listBox .fillItem .itemName {
  width: 5rem;
  color: #606060;
}
.creditGuarantyManage .listBox .fillItem .itemValue {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex: 1;
  color: #929292;
}
.creditGuarantyManage .listBox .fillItem .itemValue.lastTimeColor {
  color: #4BBEFF;
}
.creditGuarantyManage .listBox .fillItem .itemValue.priceColor {
  color: #2bc697;
}
.creditGuarantyManage .guarantyBtnBox {
  line-height: 2.048rem;
  font-size: 0.7rem;
  background-color: #fff;
  padding: 0.5rem;
}
.creditGuarantyManage .guarantyBtnBox .guarantyBtn {
  display: block;
  width: 26%;
  text-align: center;
  line-height: 1.5;
  font-size: 0.7rem;
  margin-left: 0.5rem;
  border-radius: 0.5rem;
}
.creditGuarantyManage .guarantyBtnBox .guarantyBtn.reject {
  border: 1px solid #cf2d34;
  color: #cf2d34;
}
.creditGuarantyManage .guarantyBtnBox .guarantyBtn.confim {
  border: 1px solid #ffae00;
  color: #ffae00;
}
/* 担保详情 */
.creditGuarantyDetail .infoTip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
  line-height: 1.5;
  padding: 0.5rem 2.4%;
}
.creditGuarantyDetail .fillList {
  padding: 0.5rem 2.4%;
}
.creditGuarantyDetail .fillList .fillItem {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  line-height: 1.5;
}
.creditGuarantyDetail .fillList .fillItem .itemName {
  width: 5.2rem;
  color: #606060;
}
.creditGuarantyDetail .fillList .fillItem .itemValue {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex: 1;
  color: #929292;
}
.creditGuarantyDetail .fillList .fillItem .itemValue input {
  width: 100%;
  background: transparent;
  border: none;
  outline: none;
  color: #929292;
}
.creditGuarantyDetail .fillList .fillItem .itemValue::-webkit-input-placeholder {
  color: #929292;
}
.creditGuarantyDetail .fillList .fillItem .itemValue.price {
  color: #cf2d34;
}
.creditGuarantyDetail .fillList .fillItem .itemValue.uploader {
  padding: 0;
}
.creditGuarantyDetail .fillList .fillItem .itemValue.uploader .uploader__file {
  margin-right: 9px;
}
.creditGuarantyDetail .fillList .fillItem .itemValue.uploader .photo {
  width: 3.8rem;
}
/* 电子商城 */
.toTop {
  position: fixed;
  bottom: 4rem;
  right: 0.5rem;
  display: block;
  padding: 0.45rem 0;
  text-align: center;
  width: 2.5rem;
  font-size: 0.7rem;
  border: 1px solid #ccc;
  border-radius: 50%;
  color: #606060;
  background-color: #fff;
}
.cartBottom {
  position: fixed;
  bottom: 1rem;
  right: 0.5rem;
  display: block;
  padding: 0.85rem 0;
  text-align: center;
  width: 2.5rem;
  font-size: 0.7rem;
  border: 1px solid #ccc;
  border-radius: 50%;
  color: #606060;
  background-color: #fff;
}
.addChild {
  position: fixed;
  bottom: 4rem;
  right: 0.5rem;
  display: block;
  text-align: center;
  width: 2.5rem;
  height: 2.5rem;
  font-size: 1rem;
  border-radius: 50%;
  color: #fff;
  background-color: #4692f2;
  line-height: 1.6;
}
.addChild:before {
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  height: 2px;
  width: 0.8rem;
  background-color: #fff;
}
.addChild:after {
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  height: 0.8rem;
  width: 2px;
  background-color: #fff;
}
/* 非footer底部按钮 */
.bottomBtn {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 19;
  width: 100%;
  text-align: center;
  background-color: #fff;
  padding: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top: 1px solid #ccc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
}
.bottomBtn .selectBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
  border: 1px solid #333;
}
.bottomBtn .selectBox .regBtn {
  padding: 0.3rem 0.8rem;
  color: #333;
  border-right: 1px solid #333;
}
.bottomBtn .selectBox .regBtn:last-child {
  border-right: none;
}
.bottomBtn .selectBox .regBtn.on {
  color: #fff;
  background-color: #0176dd;
}
.bottomBtn .audio-wrapper {
  background-color: #fcfcfc;
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
}
.bottomBtn .audio-wrapper .audio-left {
  float: left;
  text-align: center;
  width: 18%;
  height: 100%;
  padding-right: 0.5rem;
}
.bottomBtn .audio-wrapper .audio-left img {
  width: 1.5rem;
  position: relative;
  /* top: 15px; */
  margin: 0;
  display: initial;
  /* 解除与app的样式冲突 */
  cursor: pointer;
}
.bottomBtn .audio-wrapper .audio-right {
  margin-right: 2%;
  float: right;
  width: 80%;
  height: 100%;
}
.bottomBtn .audio-wrapper .audio-right p {
  font-size: 15px;
  height: 35%;
  margin: 8px 0;
  /* 歌曲名称只显示在一行，超出部分显示为省略号 */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 243px;
  /* 要适配小屏幕手机，所以最大宽度先设小一点，后面js根据屏幕大小重新设置 */
}
.bottomBtn .audio-wrapper .progress-bar-bg {
  background-color: #d9d9d9;
  position: relative;
  height: 2px;
  cursor: pointer;
}
.bottomBtn .audio-wrapper .progress-bar-bg span {
  content: " ";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  background-color: #333;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -5px;
  margin-left: -5px;
  cursor: pointer;
}
.bottomBtn .audio-wrapper .audio-time {
  overflow: hidden;
  margin-top: -1px;
}
.bottomBtn .audio-wrapper .audio-length-total {
  float: right;
  font-size: 12px;
}
.bottomBtn .audio-wrapper .audio-length-current {
  float: left;
  font-size: 12px;
}
/* 评论*/
.exitBox {
  background-color: #fff;
  border-radius: 0.5rem;
}
.exitBox .content {
  margin-top: 0.5rem;
  width: 100%;
  resize: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 3rem;
  border: 1px solid #ccc;
}
.exitBox .btnBox {
  margin-top: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
}
.exitBox .btnBox .cancelBtn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex: 1;
  padding: 0.5rem;
  background-color: #f0f0f0;
  color: #333;
  border-radius: 0.5rem;
}
.exitBox .btnBox .sendBtn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex: 1;
  padding: 0.5rem;
  background-color: #2bc697;
  color: #fff;
  border-radius: 0.5rem;
}
.exitBox .btnBox span + span {
  margin-left: 0.5rem;
}
.pjAll {
  background-color: #fff;
}
.pjAll .pjTop {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.5;
  padding: 0.5rem;
}
.pjAll .pjTop .arrow {
  position: relative;
  padding-right: 1rem;
  text-align: right;
  color: #929292;
}
.pjAll .pjTop .arrow:after {
  content: '';
  position: absolute;
  top: 45%;
  right: 0;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 1px solid #929292;
  border-right: 1px solid #929292;
  transform: rotate(45deg) translateX(-50%);
  -webkit-transform: rotate(45deg) translateX(-50%);
}
.pjAll .pjItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  line-height: 1.5;
  border-top: 1px solid #ccc;
}
.pjAll .photo {
  display: block;
  margin-right: 0.5rem;
  width: 1.5rem;
  text-align: center;
  overflow: hidden;
  border-radius: 50%;
}
.pjAll .userBox {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex: 1;
}
.pjAll .userBox .name {
  width: 60%;
  font-size: 0.7rem;
}
.pjAll .userBox .like {
  margin-top: 1.25%;
  width: 33%;
}
.pjAll .userBox .like i {
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  background: url(../images/goodDetail.png);
  background-position: -8.4rem 0;
}
.pjAll .userBox .like i.on {
  background-position: -8.4rem -4.8rem;
}
.pjAll .galleryList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  overflow: hidden;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.pjAll .galleryList .galleryItem {
  margin: 1% 1% 0 0;
  width: 32%;
}
.pjAll .galleryList .galleryImg {
  display: block;
  width: 100%;
  overflow: hidden;
  border-radius: 0;
}
.pjAll .infoBottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
}
.pjAll .infoBottom .infoOperate {
  color: #929292;
}
.pjAll .infoBottom .infoOperate .like {
  position: relative;
  padding-left: 1.2rem;
}
.pjAll .infoBottom .infoOperate .like:after {
  position: absolute;
  content: '';
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 1rem;
  height: 1rem;
  background: url(../images/icon/unlinkIcon.png) no-repeat;
  background-size: cover;
}
.pjAll .infoBottom .infoOperate .like.on:after {
  background: url(../images/icon/linkIcon.png) no-repeat;
  background-size: cover;
}
.pjAll .infoBottom .infoOperate .comment {
  position: relative;
  padding-left: 1.2rem;
}
.pjAll .infoBottom .infoOperate .comment:after {
  position: absolute;
  content: '';
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 1rem;
  height: 1rem;
  background: url(../images/icon/commentIcon.png) no-repeat;
  background-size: cover;
}
/*物流信息*/
.saleResult {
  padding: 0.7rem 4%;
}
.saleResult .resultLi {
  position: relative;
  padding-left: 3.75%;
  padding-bottom: 3.75%;
  border-left: 1px solid #ccc;
}
.saleResult .resultLi .photo {
  float: left;
  margin: 2.75% 3.75% 0 0;
  width: 16.25%;
  overflow: hidden;
}
.saleResult .resultLi:before {
  position: absolute;
  left: -0.5rem;
  content: '';
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  background-color: #2bc697;
  border: 1px solid #fff;
  border-radius: 50%;
}
.saleResult .time {
  font-size: 0.7rem;
  margin-bottom: 2.5%;
}
.saleResult .resultCont {
  padding: 3.75%;
  border-radius: 5px;
}
.saleResult .resultCont .arrIcon:after {
  top: 50%;
  margin-top: -0.5rem;
}
.saleResult .resultCont .title {
  margin-bottom: 2%;
  font-size: 1.5rem;
  font-weight: normal;
}
.saleResult .resultCont .desc {
  line-height: 1.5;
}
/* 玉石交易平台 */
/* Nav菜单 */
.navBox {
  /* .bsIcon:before{ background-position: -12rem 0;}
	.dtIcon:before{ background-position: -12rem -10rem;}
	.zwIcon:before{ background-position: -2rem -8rem;}
	.cjIcon:before{ background-position: 0 -6rem;}
	.gjIcon:before{ background-position: -4rem -2rem;} */
}
.navBox .nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-justify-content: flex-start;
  transition: height 2s;
  -webkit-transition: height 2s;
}
.navBox .navIcon {
  position: relative;
  /*  margin: 0 auto;  */
  margin-top: 0.5rem;
  text-align: center;
  line-height: 1.8;
  color: #606060;
  width: 25%;
  /* &:before{ display: block; content: ''; margin: auto; width: 2rem; height: 2rem; background: url(../images/icon.png) no-repeat; background-size: 14rem auto;} */
}
.navBox .navIcon .navImg {
  display: block;
  margin: auto;
  padding-bottom: 0.2rem;
  width: 1.8rem;
  height: 1.8rem;
}
.navBox .navIcon.unRead:after {
  position: absolute;
  top: 0;
  left: 50%;
  content: '';
  display: block;
  transform: translateX(0.6rem);
  -webkit-transform: translateX(0.6rem);
  border-radius: 50%;
  width: 0.3rem;
  height: 0.3rem;
  background-color: #ff0000;
}
.navBox .navIcon .navNum {
  position: absolute;
  top: 0;
  left: 50%;
  content: '';
  display: block;
  transform: translateX(0.5rem);
  -webkit-transform: translateX(0.5rem);
  border-radius: 16px;
  background-color: #ff0000;
  min-width: 16px;
  height: 16px;
  line-height: 17px;
  text-align: center;
  color: #fff;
  font-style: normal;
  font-size: 10px;
  padding: 0 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.navBox .moreNav {
  position: relative;
  display: block;
  text-align: center;
  font-size: 12px;
  color: #606060;
}
.navBox .moreNav:before {
  position: absolute;
  left: 0;
  display: block;
  content: '';
  top: 50%;
  width: 36%;
  border-bottom: 1px solid #ccc;
}
.navBox .moreNav:after {
  position: absolute;
  right: 0;
  display: block;
  content: '';
  top: 50%;
  width: 36%;
  border-bottom: 1px solid #ccc;
}
.navBox .activeNav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-justify-content: flex-start;
  margin-left: 4%;
}
.navBox .activeNav .photo {
  margin: 2.4% 2.4% 0 0;
  width: 46%;
  overflow: hidden;
  text-align: center;
}
.navBox .nav_hide {
  overflow: hidden;
  height: 4.6rem;
}
.navNumBox {
  position: relative;
}
.navNumBox .navNum {
  position: absolute;
  top: 0;
  left: 50%;
  content: '';
  display: block;
  transform: translateX(0.5rem);
  -webkit-transform: translateX(0.5rem);
  border-radius: 16px;
  background-color: #ff0000;
  min-width: 16px;
  height: 16px;
  line-height: 17px;
  text-align: center;
  color: #fff;
  font-style: normal;
  font-size: 10px;
  padding: 0 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.noticeBox {
  position: relative;
  display: block;
  padding: 0.5rem;
  color: #333333;
  background-color: #fff;
  padding-left: 2rem;
}
.noticeBox .noticeIcon {
  position: absolute;
  left: 0.5rem;
  top: 50%;
  display: block;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 1.2rem;
}
.noticeBox .noticeText {
  padding-right: 100%;
  line-height: 1.8;
  white-space: nowrap;
}
.noticeBox .noticeText:last-child {
  padding-right: 0;
}
/* 玉石分类 */
.classifyBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  padding: 0.5rem;
  background-color: #fff;
}
.classifyBox .left {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.classifyBox .left .leftItem {
  width: 44%;
  margin: 0 4% 4% 0;
  text-align: center;
  border: 1px solid #ccc;
}
.classifyBox .left .leftItem .img {
  display: block;
  padding: 5.3% 16%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}
.classifyBox .right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex: 1;
  position: relative;
}
.classifyBox .right .bgImg {
  display: block;
  width: 100%;
}
.classifyBox .right .rightTip {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 5.9rem;
  height: 2rem;
  background: url(../images/classifyBg.png) no-repeat;
  background-size: contain;
  text-align: center;
  color: #fff;
}
.classifyBox .right .rightTip .title {
  margin-top: -0.5rem;
}
.classifyBox .right .rightTip .allBtn {
  display: inline-block;
  margin-top: 0.8rem;
  padding: 0.1rem 0.3rem;
  font-size: 0.55rem;
  color: #333;
  background-color: #fff;
  border-radius: 0.5rem;
}
/* 玉石广告 */
.adsBox {
  background-color: #fff;
  /* .tip{ display: block; text-align: center; padding-top: 0.5rem; }
	.top{ display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; padding: 0.5rem 0.5rem 0;
		.ad_1{ display: block; box-sizing: border-box; width: 38.85%; height: 12.1rem;}
		.right{ width: 60%; overflow: hidden; padding-left: 0.25rem;
			.ad_2{ display: block; width: 100%; height: 5.25rem; padding-bottom: 0.25rem;}
			.right_bottom{ display: flex; display: -webkit-flex;}
			.ad_3,.ad_4{ display: block; width: 50%; height: 6.6rem;}
			.ad_4{ margin-left: 0.25rem; }
		}
	}
	.bottom{ display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; padding: 0.25rem 0.5rem 0.5rem;}
		.ad_5{ display: block; width: 54.82%; height: 6.1rem;}
		.ad_6{ display: block; width: 44.28%; padding-left: 0.25rem; height: 6.1rem;}
	img{width: 100%;height: 100%;} */
}
.adsBox img {
  display: block;
  width: 100%;
}
.adsBox1 {
  background-color: #fff;
}
.adsBox1 .tip {
  display: block;
  text-align: center;
  padding-top: 0.5rem;
}
.adsBox1 .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-justify-content: center;
  padding: 0.5rem 0.5rem 0;
}
.adsBox1 .top .ad_1 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 38.85%;
  height: 12.1rem;
}
.adsBox1 .top .right {
  width: 60%;
  overflow: hidden;
  padding-left: 0.25rem;
}
.adsBox1 .top .right .ad_2 {
  display: block;
  width: 100%;
  height: 5.25rem;
  padding-bottom: 0.25rem;
}
.adsBox1 .top .right .right_bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
}
.adsBox1 .top .right .ad_3,
.adsBox1 .top .right .ad_4 {
  display: block;
  width: 50%;
  height: 6.6rem;
}
.adsBox1 .top .right .ad_4 {
  margin-left: 0.25rem;
}
.adsBox1 .bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  padding: 0.25rem 0.5rem 0.5rem;
}
.adsBox1 .ad_5 {
  display: block;
  width: 54.82%;
  height: 6.1rem;
}
.adsBox1 .ad_6 {
  display: block;
  width: 44.28%;
  padding-left: 0.25rem;
  height: 6.1rem;
}
.adsBox1 img {
  width: 100%;
  height: 100%;
}
.dailyPopularBox {
  background-color: #fff;
}
.dailyPopularBox .dailyPopularList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
  padding: 0.5rem 0.5rem 0;
}
.dailyPopularBox .dailyPopularList .photo {
  text-align: center;
  overflow: hidden;
  width: 49%;
}
.dailyPopularBox .dailyPopularList .adBox {
  overflow: hidden;
  width: 49%;
  background-color: #eee;
}
.dailyPopularBox .dailyPopularList:last-of-type {
  padding-bottom: 0.5rem;
}
.hotSalesBox {
  background-color: #fff;
}
.hotSalesBox .hotSalesList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
  padding: 0.5rem 0.5rem 0;
}
.hotSalesBox .hotSalesList .photo {
  position: relative;
  text-align: center;
  overflow: hidden;
  width: 49%;
}
.hotSalesBox .hotSalesList .saleApprise {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 0.55rem;
  color: #fff;
  background-color: #2bc697;
  padding: 0 0.5rem;
  line-height: 1.5;
}
.hotSalesBox .hotSalesList .mostView {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 0.55rem;
  color: #fff;
  background-color: #ff660e;
  padding: 0 0.5rem;
  line-height: 1.5;
}
.hotSalesBox .hotSalesList .adBox {
  overflow: hidden;
  width: 49%;
  background-color: #eee;
}
.hotSalesBox .hotSalesList:last-of-type {
  padding-bottom: 0.5rem;
}
.notMissBox {
  background-color: #fff;
}
.notMissBox .notMissList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
  padding: 0.5rem 0.5rem 0;
}
.notMissBox .notMissList .photo {
  position: relative;
  text-align: center;
  overflow: hidden;
  width: 49%;
}
.notMissBox .notMissList .saleApprise {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 0.55rem;
  color: #fff;
  background-color: #2bc697;
  padding: 0 0.5rem;
  line-height: 1.5;
}
.notMissBox .notMissList .mostView {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 0.55rem;
  color: #fff;
  background-color: #ff660e;
  padding: 0 0.5rem;
  line-height: 1.5;
}
.notMissBox .notMissList .adBox {
  overflow: hidden;
  width: 49%;
  background-color: #eee;
}
.notMissBox .notMissList:last-of-type {
  padding-bottom: 0.5rem;
}
.playerMask {
  position: relative;
}
.playerMask .playerBtn {
  position: relative;
}
.playerMask .playerBtn:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  background-color: rgba(255, 255, 255, 0.3);
  border: 1px solid #fff;
  z-index: 1;
}
.playerMask .playerBtn:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  margin-left: 0.2rem;
  border-left: 1rem solid #fff;
  border-top: 0.6rem solid transparent;
  border-bottom: 0.6rem solid transparent;
}
.playerMask .playerBtn .imgMask {
  position: absolute;
  top: 0;
  left: 0;
}
.playerMask .playerTip {
  position: absolute;
  bottom: 0;
  width: 100%;
  display: block;
  text-align: center;
  color: #fff;
  font-size: 0.55rem;
  line-height: 1.8;
}
.playerMask .playerTip.live {
  background-color: #cf2d34;
}
.playerMask .playerTip.wait {
  background-color: #ff9907;
}
.playerMask .playerTip.timeout {
  background-color: #929292;
}
.playerMask .livePlayerTip {
  position: absolute;
  z-index: 2;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  text-align: center;
}
.playerMask .livePlayerText {
  display: block;
  text-align: center;
  color: #fff;
  background: url(../images/liveTip.png);
  background-size: cover;
  font-size: 0.8rem;
  padding: 0.5rem 0;
}
.playerMask .livePlayerBtn {
  display: inline-block;
  padding: 5px 10px;
  line-height: 1.25rem;
  font-size: 0.7rem;
  background-color: #2bc697;
  color: #fff;
  margin-top: 0.8rem;
  border-radius: 0.5rem;
}
.videoMask {
  position: relative;
  z-index: 0;
}
.videoMask span {
  position: absolute;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
}
.videoMask span:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -0.25rem;
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  background-color: rgba(124, 124, 124, 0.6);
}
.videoMask span:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-left: 2rem solid #525254;
  border-top: 1rem solid transparent;
  border-bottom: 1rem solid transparent;
}
.videoPlayWrapper .liveTip {
  text-align: center;
  line-height: 1.5;
  padding: 0.2rem 0.5rem;
  background-color: #cf2d34;
  color: #fff;
}
.videoPlayWrapper .pause {
  position: absolute;
  z-index: 999;
  top: 50%;
  left: 50%;
  opacity: .8;
  width: 3.25rem;
  height: 3.25rem;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  background-position: 50%;
  background-size: contain;
  background-image: url(../images/icon/pauseBtn.png);
}
.videoPlayWrapper .fullScreen {
  position: absolute;
  z-index: 999;
  bottom: 6px;
  right: 12px;
  opacity: .8;
  width: 1.5rem;
  height: 1.5rem;
  background-position: 50%;
  background-size: contain;
  background-image: url(../images/icon/fullScreen.png);
}
/* 直播详情 */
.liveDetailBox {
  background-color: #fff;
}
.liveDetailBox.alive {
  position: absolute;
  bottom: 0;
  opacity: 0;
  width: 100%;
  height: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  transition: height 1s ,opacity 1s;
  -webkit-transition: height 1s ,opacity 1s;
}
.liveDetailBox.liveWord {
  position: absolute;
  bottom: 2.4rem;
  width: 100%;
  height: 35%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 900;
  background-color: transparent;
}
.liveDetailBox .liveTip {
  /* display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; */
  text-align: center;
  line-height: 1.5;
  padding: 0.2rem 0.5rem;
  background-color: #cf2d34;
  color: #fff;
}
.liveDetailBox .liveTip .arrow {
  position: relative;
  padding-right: 1rem;
  text-align: right;
}
.liveDetailBox .liveTip .arrow:after {
  content: '';
  position: absolute;
  top: 45%;
  right: 0;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg) translateX(-50%);
  -webkit-transform: rotate(45deg) translateX(-50%);
}
.liveDetailBox .liveTabBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
  line-height: 1.5;
  /* border-top: 1px solid #ccc; */
  border-bottom: 1px solid #ccc;
  background-color: #fff;
}
.liveDetailBox .liveTabBox li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex: 1;
  padding: 0.5rem;
  border-right: 1px solid #ccc;
  text-align: center;
}
.liveDetailBox .liveTabBox li:last-child {
  border-right: none;
}
.liveDetailBox .liveTabBox li.on {
  color: #fff;
  background-color: #2bc697;
  border-right: 1px solid #2bc697;
}
.liveDetailBox .liveCartBox {
  height: calc(100%);
  overflow-y: scroll;
}
.liveDetailBox .cartUl li {
  padding: 0;
}
.liveDetailBox .cartUl li .text {
  margin-right: 0;
  width: 77.4%;
}
.liveDetailBox .cartUl .startTip {
  line-height: 1.5;
  padding: 0.2rem 0.5rem;
  background-color: #e6e6e6;
  color: #2bc697;
  text-align: center;
}
.liveDetailBox .cartUl .timeOutTip {
  line-height: 1.5;
  padding: 0.2rem 0.5rem;
  background-color: #e6e6e6;
  color: #929292;
  text-align: center;
}
.liveDetailBox .cartUl .countDownTip {
  line-height: 1.5;
  padding: 0.2rem 0.5rem;
  background-color: #e6e6e6;
  color: #cf2d34;
  text-align: center;
}
.liveDetailBox .introductBox {
  word-break: break-all;
  padding: 0.5rem;
  line-height: 1.5;
  font-size: 0.7rem;
}
.liveDetailBox .introductBox img {
  width: 100%;
}
/* 动态资讯 */
.dynamicInfo {
  background-color: #fff;
}
.dynamicInfo .infoTip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
  line-height: 1.5;
}
.dynamicInfo .infoTip .text {
  width: 3.6rem;
  text-align: left;
  color: #606060;
  line-height: 1.5;
}
.dynamicInfo .infoTip .link {
  color: #606060;
  line-height: 1.8;
}
.dynamicInfo .businessWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
  padding-bottom: 0.5rem;
}
.dynamicInfo .businessWrapper .businessInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
}
.dynamicInfo .businessWrapper .businessInfo .photo {
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
  margin-right: 0.5rem;
}
.dynamicInfo .businessWrapper .contact {
  position: relative;
  padding-left: 1.2rem;
  color: #2bc697;
  font-size: 0.55rem;
}
.dynamicInfo .businessWrapper .contact:before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  display: block;
  content: '';
  width: 1rem;
  height: 1rem;
  background: url(../images/icon/contactIcon.png) no-repeat;
  background-size: cover;
}
.dynamicInfo .infoList .infoItem {
  line-height: 1.5;
}
.dynamicInfo .infoList .infoItem .title {
  display: block;
  line-height: 1.5;
}
.dynamicInfo .infoList .infoItem .title.ellipsis {
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* autoprefixer: off*/
  -webkit-box-orient: vertical;
  /* autoprefixer: on*/
}
.dynamicInfo .infoList .infoItem .galleryList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  overflow: hidden;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.dynamicInfo .infoList .infoItem .galleryList figure {
  margin: 1% 1% 0 0;
  width: 32%;
}
.dynamicInfo .infoList .infoItem .galleryList .photo {
  display: block;
  width: 100%;
  overflow: hidden;
  text-align: center;
}
.dynamicInfo .infoList .infoItem .referred {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
}
.dynamicInfo .infoList .infoItem .referred .name {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex: 1;
}
.dynamicInfo .infoList .infoItem .infoBottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
}
.dynamicInfo .infoList .infoItem .infoBottom .infoOperate {
  color: #929292;
}
.dynamicInfo .infoList .infoItem .infoBottom .infoOperate .like {
  position: relative;
  padding-left: 1.2rem;
}
.dynamicInfo .infoList .infoItem .infoBottom .infoOperate .like:after {
  position: absolute;
  content: '';
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 1rem;
  height: 1rem;
  background: url(../images/icon/unlinkIcon.png) no-repeat;
  background-size: cover;
}
.dynamicInfo .infoList .infoItem .infoBottom .infoOperate .like.on:after {
  background: url(../images/icon/linkIcon.png) no-repeat;
  background-size: cover;
}
.dynamicInfo .infoList .infoItem .infoBottom .infoOperate .comment {
  position: relative;
  padding-left: 1.2rem;
}
.dynamicInfo .infoList .infoItem .infoBottom .infoOperate .comment:after {
  position: absolute;
  content: '';
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 1rem;
  height: 1rem;
  background: url(../images/icon/commentIcon.png) no-repeat;
  background-size: cover;
}
.dynamicInfo .infoList .verifyTip {
  padding-top: 0.5rem;
}
.dynamicInfo .infoList .verifyTip .verifyIcon {
  position: relative;
  padding-left: 1.2rem;
}
.dynamicInfo .infoList .verifyTip .verifyIcon:after {
  content: '';
  position: absolute;
  display: block;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 1rem;
  height: 1rem;
  background: url(../images/icon/warnIcon.png) no-repeat;
  background-size: cover;
}
.discover .tabs {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-justify-content: space-around;
  border-bottom: 1px solid #ccc;
}
.discover .tabs select {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  opacity: 0;
  padding: 0 0.5rem;
  color: #909090;
  text-align: center;
  border: none;
}
.discover .tabs select + select {
  border-left: 1px solid #909090;
}
.discover .tabs span {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex: 1;
  margin: 0.5rem;
  color: #333;
  text-align: center;
  padding-right: 0.5rem;
}
.discover .tabs span + :before {
  content: '';
  position: absolute;
  top: 0.2rem;
  left: -0.5rem;
  width: 0;
  height: 1rem;
  /* border-left: 1px solid #909090; */
}
.discover .tabs span:after {
  content: '';
  position: absolute;
  top: 30%;
  margin-left: 0.2rem;
  width: 0;
  height: 0;
  border-top: 6px solid #909090;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
.discover .tabs span.on {
  color: #2bc697;
}
.discover .tabs span.on:after {
  border-top: 6px solid #2bc697;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
.discover .tabs .unread {
  position: relative;
}
.discover .tabs .unread:before {
  position: absolute;
  top: 0;
  left: 50%;
  content: '';
  display: block;
  transform: translateX(2.2rem);
  -webkit-transform: translateX(2.2rem);
  border-radius: 50%;
  width: 0.3rem;
  height: 0.3rem;
  background-color: #ff0000;
}
.discover .filterTabBox {
  position: relative;
}
.discover .filterTabBox .filterTabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
  line-height: 1.5;
  background-color: #fff;
  font-size: 0.7rem;
}
.discover .filterTabBox .filterTabs li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex: 1;
  width: 20%;
  text-align: center;
  line-height: 2.5;
}
.discover .filterTabBox .filterTabs li span {
  position: relative;
  display: inline-block;
}
.discover .filterTabBox .filterTabs .on span {
  /* color: @redColor; */
  border-bottom: 2px solid #4692f2;
}
.discover .filterTabBox .filterTabs .filterBtn {
  color: #929292;
  background-color: #eee;
}
.discover .filterTabBox .filterTabs .filterBtn:before {
  content: '';
  display: inline-block;
  width: 0.8rem;
  height: 0.8rem;
  background: url(../images/icon/classifyIcon.png) no-repeat;
  background-size: cover;
  margin-right: 0.2rem;
  vertical-align: -3px;
}
.discover .filterTabBox .filterTabs .unread {
  position: relative;
}
.discover .filterTabBox .filterTabs .unread:before {
  position: absolute;
  top: 20%;
  left: 50%;
  content: '';
  display: block;
  transform: translateX(0.8rem);
  -webkit-transform: translateX(0.8rem);
  border-radius: 50%;
  width: 0.3rem;
  height: 0.3rem;
  background-color: #4692f2;
}
.discover .filterTabBox .filterTabs .navNum {
  position: absolute;
  top: 10%;
  left: 105%;
  content: '';
  /* display: block;  */
  border-radius: 16px;
  background-color: #4692f2;
  min-width: 16px;
  height: 16px;
  line-height: 17px;
  text-align: center;
  color: #fff;
  font-style: normal;
  font-size: 10px;
  padding: 0 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.discover .filterTabBox .filterList {
  position: absolute;
  width: 100%;
  background-color: #fff;
  font-size: 0.7rem;
  z-index: 2;
}
.discover .filterTabBox .filterList li {
  padding: 0.5rem;
  line-height: 1.5;
  border-bottom: 1px solid #ccc;
}
.discover .filterTabBox .filterList li.on {
  color: #2bc697;
}
.jadeNavBox .nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-justify-content: flex-start;
  transition: height 2s;
  -webkit-transition: height 2s;
}
.jadeNavBox .navIcon {
  /*  margin: 0 auto;  */
  text-align: center;
  line-height: 1.8;
  color: #606060;
  width: 25%;
  /* &:before{ display: block; content: ''; margin: auto; width: 2rem; height: 2rem; background: url(../images/icon.png) no-repeat; background-size: 14rem auto;} */
}
.jadeNavBox .navIcon .navImg {
  display: block;
  margin: auto;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  width: 3rem;
  height: 3rem;
}
.brandBox .brandList {
  border: 1px solid #ccc;
}
.brandBox .brandList .brandItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  padding: 0.5rem;
}
.brandBox .brandList .brandItem .photo {
  display: block;
  width: 2.2rem;
  height: 2.2rem;
  overflow: hidden;
}
.brandBox .brandList .brandItem .info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex: 1;
}
.brandBox .brandList .brandItem .enterBtn {
  -ms-flex-item-align: start;
      align-self: flex-start;
  font-size: 0.5rem;
  border: 1px solid #2bc697;
  padding: 0.1rem 0.2rem;
  color: #2bc697;
  border-radius: 0.5rem;
}
.brandBox .brandList .brandPhoto {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
}
.brandBox .brandList .brandPhoto .photoItem {
  width: 32%;
  text-align: center;
  overflow: hidden;
}
.recommendGoodSwiper {
  background-color: #fff;
}
.recommendGoodSwiper .infoTip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
  line-height: 1.5;
}
.recommendGoodSwiper .infoTip .text {
  color: #333;
  line-height: 1.5;
}
.recommendGoodSwiper .infoTip .link {
  position: relative;
  padding-right: 1rem;
  color: #929292;
  line-height: 1.8;
}
.recommendGoodSwiper .infoTip .link:after {
  content: '';
  position: absolute;
  top: 45%;
  right: 0;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 1px solid #929292;
  border-right: 1px solid #929292;
  transform: rotate(45deg) translateX(-50%);
  -webkit-transform: rotate(45deg) translateX(-50%);
}
.recommendGoodSwiper .infoTab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-justify-content: space-around;
  line-height: 1.5;
  background-color: #fff;
  font-size: 0.65rem;
}
.recommendGoodSwiper .infoTab li {
  line-height: 2.5;
}
.recommendGoodSwiper .infoTab .on {
  color: #2bc697;
  border-bottom: 2px solid #2bc697;
}
.recommendGoodSwiper .goodLists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 2.4% 2.4% 5.3%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.recommendGoodSwiper .goodLists .goodList {
  margin: 0 2.4% 2.4% 0;
  width: 47.6%;
}
.recommendGoodSwiper .goodLists .goodList .goodImg {
  display: block;
  width: 100%;
  overflow: hidden;
  text-align: center;
}
.recommendGoodSwiper .goodLists .goodList .goodText {
  color: #333;
  letter-spacing: 2px;
  width: 100%;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* autoprefixer: off*/
  -webkit-box-orient: vertical;
  /* autoprefixer: on*/
}
.recommendGoodSwiper .goodLists .goodList .businessInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  padding: 0.5rem 0;
}
.recommendGoodSwiper .goodLists .goodList .businessInfo img {
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
  margin-right: 0.5rem;
}
.recommendGoodSwiper .goodLists .goodList .showGoods {
  padding: 0.1rem 0.4rem;
  color: #fff;
  border-radius: 0.5rem;
  background-color: #cf2d34;
}
.recommendGoodSwiper .goodLists .goodList:nth-of-type(2n) {
  margin-right: 0;
}
.recommendGoodSwiper .pagination .swiper-pagination-bullet {
  background-color: #ccc;
}
.recommendGoodSwiper .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #2bc697;
}
/* 商城 */
.mall .tabs {
  background-color: #38373c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-justify-content: space-around;
}
.mall .tabs a {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex: 1;
  padding: 0.5rem;
  color: #fff;
  text-align: center;
  line-height: 1.2;
  /* &+:before{ content: ''; position: absolute; top: 0.5rem; left: 0; width: 0; height: 1rem; border-left: 1px solid #909090;} */
  /* &:after{ content: ''; position: absolute; top: 30%; width: 0; height: 0; border-top: 6px solid #909090; border-left: 6px solid transparent; border-right: 6px solid transparent;} */
}
.mall .tabs a.on {
  color: #2bc697;
  border-bottom: 2.5px solid #2bc697;
  /* &:after{ border-top: 6px solid @mainColor; border-left: 6px solid transparent; border-right: 6px solid transparent;} */
}
.mall .searchBox .searchBar {
  position: relative;
  padding: 0.4rem 0;
  background-color: #f0f0f0;
}
.mall .searchBox .searchBar .searchText {
  display: block;
  width: 80%;
  font-size: 0.65rem;
  margin: 0 auto;
  padding: 0.4rem 0.5rem;
  text-align: center;
  border-radius: 1rem;
  outline: none;
  border: none;
  background-color: #fff;
}
.mall .searchBox .searchBar .searchIcon {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 21;
  display: block;
  padding: 0.2rem;
  width: 1.02rem;
  height: 1.02rem;
  background: url(../images/search.png) no-repeat;
  background-size: 60%;
  background-position: 50%;
  -webkit-transform: translate(-2rem, -50%);
          transform: translate(-2rem, -50%);
}
.mall .searchBox .searchCancel {
  display: none;
  position: absolute;
  top: 0;
  right: 2.4%;
  z-index: 21;
  font-size: 0.85rem;
  color: #666;
  line-height: 2.3rem;
}
.mall .searchBox.active .searchText {
  display: block;
  width: 70%;
  font-size: 0.65rem;
  margin-left: 0.5rem;
  padding: 0.4rem 0.5rem 0.4rem 1.8rem;
  text-align: left;
  border-radius: 1rem;
  outline: none;
  border: none;
  background-color: #fff;
}
.mall .searchBox.active .searchIcon {
  position: absolute;
  top: 50%;
  left: 1rem;
  z-index: 21;
  display: block;
  padding: 0.2rem;
  width: 1.02rem;
  height: 1.02rem;
  background: url(../images/search.png) no-repeat;
  background-size: 60%;
  background-position: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.mall .searchBox.active .searchCancel {
  display: block;
}
.liveDetail .tabs {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-justify-content: space-around;
}
.liveDetail .tabs span {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex: 1;
  margin: 0.5rem 0;
  padding: 0 0.2rem;
  color: #606060;
  text-align: center;
  border: none;
}
.liveDetail .tabs span + span {
  border-left: 1px solid #909090;
}
.liveDetail .tabs .tabIcon {
  width: 1.2rem;
  margin-right: 0.5rem;
  display: inline-block;
  vertical-align: text-top;
}
.businessDetail .tabs {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-justify-content: space-around;
}
.businessDetail .tabs a {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex: 1;
  padding: 0.5rem;
  color: #333;
  text-align: center;
  line-height: 1.2;
  /* &+:before{ content: ''; position: absolute; top: 0.5rem; left: 0; width: 0; height: 1rem; border-left: 1px solid #909090;} */
  /* &:after{ content: ''; position: absolute; top: 30%; width: 0; height: 0; border-top: 6px solid #909090; border-left: 6px solid transparent; border-right: 6px solid transparent;} */
}
.businessDetail .tabs a.on {
  color: #2bc697;
  border-bottom: 2.5px solid #2bc697;
  /* &:after{ border-top: 6px solid @mainColor; border-left: 6px solid transparent; border-right: 6px solid transparent;} */
}
.businessDetail .businessTop {
  position: relative;
}
.businessDetail .businessTop .businessInfo {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  padding: 0.5rem;
  color: #fff;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.businessDetail .businessTop .businessInfo .photo {
  display: block;
  text-align: center;
  width: 2.5rem;
  border-radius: 50%;
  overflow: hidden;
}
.businessDetail .businessTop .businessInfo .uesrText {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  -webkit-flex: auto;
  padding-left: 0.53rem;
}
.businessDetail .businessTop .businessInfo .likeBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
}
.businessDetail .businessTop .businessInfo .likeBox .like {
  position: relative;
  margin-left: 0.5rem;
  padding: 0.3rem 0.4rem 0.3rem 1.2rem;
  background-color: #fe7f21;
  border-radius: 1rem;
}
.businessDetail .businessTop .businessInfo .likeBox .like:before {
  display: block;
  position: absolute;
  content: '';
  top: 50%;
  left: 0.3rem;
  width: 0.7rem;
  height: 0.7rem;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  background: url(../images/icon/likeIcon.png) no-repeat;
  background-size: cover;
}
.businessDetail .businessTop .businessInfo .likeBox .like.on {
  padding-left: 0.4rem;
  background-color: #fff;
  color: #fe7f21;
}
.businessDetail .businessTop .businessInfo .likeBox .like.on:before {
  display: none;
}
.businessDetail .businessTop .businessBg {
  display: block;
  width: 100%;
  overflow: hidden;
}
.creditGuarantyBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
  padding: 0.5rem;
  background-color: #fff;
}
.creditGuarantyBox .arrow {
  position: relative;
  padding-right: 1rem;
  text-align: right;
  color: #929292;
}
.creditGuarantyBox .arrow:after {
  content: '';
  position: absolute;
  top: 45%;
  right: 0;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 1px solid #929292;
  border-right: 1px solid #929292;
  transform: rotate(45deg) translateX(-50%);
  -webkit-transform: rotate(45deg) translateX(-50%);
}
.depositBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
  padding: 0.5rem;
  background-color: #cf2d34;
  color: #fff;
}
.depositBox .arrow {
  position: relative;
  padding-right: 1rem;
  text-align: right;
}
.depositBox .arrow:after {
  content: '';
  position: absolute;
  top: 45%;
  right: 0;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg) translateX(-50%);
  -webkit-transform: rotate(45deg) translateX(-50%);
}
.vipCardBox {
  position: relative;
}
.vipCardBox .vipCard {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
}
.vipCardBox .vipCard .cardName {
  width: 67%;
  padding-left: 1.15rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.vipCardBox .vipCard .cardDeadLine {
  width: 32%;
  text-align: center;
  color: #fff;
}
.vipCardBox .vipCard .cardDeadLine .getBtn {
  display: inline-block;
  margin-bottom: 0.5rem;
  border-radius: 0.5rem;
  padding: 0.2rem 0.4rem;
  background-color: #fff;
  color: #2bc697;
}
.vipCardBox .vipCard .cardDeadLine .getBtn.done {
  background-color: #eee;
  color: #929292;
}
.vipCardBox .check {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 1.02rem;
  height: 1.02rem;
  background: url(../images/check.png) no-repeat;
  background-size: 2.04rem 1.02rem;
  background-position: -1.02rem 0;
}
.vipCardBox .check.checkOn {
  background-position: 0 0;
}
.businessFooter {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 20;
  width: 100%;
  height: 2.4rem;
  line-height: 2.4rem;
  font-size: 0.7rem;
  background-color: #fff;
  border-top: 1px solid #ccc;
}
.businessFooter .aboutUs,
.businessFooter .businessNav {
  display: block;
  width: 33%;
  text-align: center;
  height: 2.4rem;
  line-height: 2.4rem;
  font-size: 0.85rem;
  background-color: #fff;
  color: #333;
  border-right: 1px solid #ccc;
}
.businessFooter .onlineService {
  display: block;
  width: 33.3%;
  text-align: center;
  height: 2.4rem;
  line-height: 2.4rem;
  font-size: 0.85rem;
  background-color: #fbb552;
  color: #fff;
}
.businessFooter .addCart {
  display: block;
  width: 33.3%;
  text-align: center;
  height: 2.4rem;
  line-height: 2.4rem;
  font-size: 0.85rem;
  background-color: #ff6060;
  color: #fff;
}
.businessFooter .addCart.noCoins {
  background-color: #b6b6b6;
}
.goodFooter {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 20;
  width: 100%;
  height: 2.4rem;
  line-height: 2.4rem;
  font-size: 0.7rem;
  background-color: #fff;
}
.goodFooter .coins {
  display: block;
  margin-left: 2.4%;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #b6b6b6;
}
.goodFooter .coins em {
  font-weight: bold;
  color: #ffeb3b;
}
.goodFooter .inventory {
  margin-left: 2.4%;
}
.goodFooter .change,
.goodFooter .addCart {
  display: block;
  width: 33.3%;
  text-align: center;
  height: 2.4rem;
  line-height: 2.4rem;
  font-size: 0.85rem;
  color: #fff;
}
.goodFooter .change.noCoins,
.goodFooter .addCart.noCoins {
  background-color: #b6b6b6;
}
.goodFooter .change {
  background-color: #ffae00;
}
.goodFooter .addCart {
  background-color: #2bc697;
}
.goodFooter .lowstock {
  display: block;
  width: 30%;
  text-align: center;
  height: 2.4rem;
  line-height: 2.4rem;
  font-size: 0.85rem;
  color: #fff;
  background-color: #b6b6b6;
}
/* 商品弹窗 */
.choseGoods {
  background-color: #fff;
  display: none;
}
.choseGoods .pop_text {
  text-align: left;
  margin: 0;
  padding: 0.5rem;
  font-size: 0.75rem;
  color: #2bc697;
  border-bottom: 1px solid #ccc;
}
.choseGoods .pop_desc {
  display: block;
  font-size: 0.6rem;
}
.choseGoods .pop_button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  font-size: 0.7rem;
}
.choseGoods .pop_button .pop_btn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex: 1;
  padding: 2.5% 0;
  color: #fff;
  background-color: #2bc697;
  cursor: pointer;
}
.choseGoods .pop_button .pop_btn:first-child {
  border-right: 1px solid #ccc;
  color: #333;
  background-color: #ccc;
}
.choseGoods .goodList .subGoodList.lastFloor {
  padding-left: 0.5rem;
  border-bottom: 1px solid #ccc;
  overflow: hidden;
  background-color: #eee;
}
.choseGoods .goodList .subGoodList.lastFloor .goodItem {
  float: left;
  border-bottom: none;
}
.choseGoods .goodList .goodItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
  padding: 0.5rem;
  border-bottom: 1px solid #ccc;
}
.choseGoods .goodList .goodItem .itemImg {
  margin-right: 0.5rem;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
}
.choseGoods .goodList .goodItem .itemText {
  margin-right: 0.5rem;
  flex: 1;
  -webkit-flex: 1;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* autoprefixer: off*/
  -webkit-box-orient: vertical;
  /* autoprefixer: on*/
}
.choseGoods .goodList .goodItem .check {
  display: block;
  width: 1rem;
  height: 1rem;
  background: url(../images/check.png) no-repeat;
  background-size: 2rem 1rem;
  background-position: -1rem 0;
}
.choseGoods .goodList .goodItem .check.checkOn {
  background-position: 0 0;
}
.choseGoods .goodList .goodItem .unread {
  width: 0.5rem;
  height: 0.5rem;
  background-color: #ff0000;
  border-radius: 50%;
}
.choseGoods .close {
  position: absolute;
  right: 2%;
  top: 1%;
  width: 0.8rem;
  height: 0.8rem;
  background: url(../images/closeImg.png);
  background-size: cover;
  cursor: pointer;
}
.choseGoods .pop_button.oneBtn .pop_btn {
  margin-left: 0;
  color: #fff;
  background-color: #2bc697;
}
.filterClassifyBox {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 90%;
  background-color: #fff;
  z-index: 22;
}
.filterClassifyBox .backBtn {
  position: relative;
  display: block;
  padding: 0.5rem 1.5rem;
  border-bottom: 1px solid #ccc;
}
.filterClassifyBox .backBtn:before {
  content: '';
  position: absolute;
  left: 0.5rem;
  top: 46%;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 1px solid #929292;
  border-left: 1px solid #929292;
  transform: rotate(-45deg) translateX(50%);
  -webkit-transform: rotate(-45deg) translateX(50%);
}
.filterClassifyBox .goodList .subGoodList {
  /* padding-left: 0.5rem; border-bottom: 1px solid #ccc; */
}
.filterClassifyBox .goodList .subGoodList .goodItem {
  /* border-bottom: none; */
  padding-left: 1rem;
}
.filterClassifyBox .goodList .goodItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
  padding: 0.5rem;
  border-bottom: 1px solid #ccc;
}
.filterClassifyBox .goodList .goodItem .itemImg {
  margin-right: 0.5rem;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
}
.filterClassifyBox .goodList .goodItem .itemText {
  margin-right: 0.5rem;
  flex: 1;
  -webkit-flex: 1;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* autoprefixer: off*/
  -webkit-box-orient: vertical;
  /* autoprefixer: on*/
}
.filterClassifyBox .goodList .goodItem .check {
  display: block;
  width: 1rem;
  height: 1rem;
  background: url(../images/check.png) no-repeat;
  background-size: 2rem 1rem;
  background-position: -1rem 0;
}
.filterClassifyBox .goodList .goodItem .check.checkOn {
  background-position: 0 0;
}
.filterClassifyBox .goodList .goodItem .unread {
  width: 0.5rem;
  height: 0.5rem;
  background-color: #ff0000;
  border-radius: 50%;
}
/* 可见选择弹窗 */
.choseVisible {
  background-color: #fff;
  display: none;
}
.choseVisible .pop_text {
  text-align: left;
  margin: 0;
  padding: 0.5rem;
  font-size: 0.75rem;
  color: #2bc697;
  border-bottom: 1px solid #ccc;
}
.choseVisible .pop_desc {
  display: block;
  font-size: 0.6rem;
}
.choseVisible .pop_button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  font-size: 0.7rem;
}
.choseVisible .pop_button .pop_btn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex: 1;
  padding: 2.5% 0;
  color: #fff;
  background-color: #2bc697;
  cursor: pointer;
}
.choseVisible .pop_button .pop_btn:first-child {
  border-right: 1px solid #ccc;
  color: #333;
  background-color: #ccc;
}
.choseVisible .goodList .friendsList {
  /* padding-left: 0.5rem; border-bottom: 1px solid #ccc; */
}
.choseVisible .goodList .friendsList .friendsItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
  padding: 0.5rem 1.5rem 0.5rem 1rem;
  border-bottom: 1px solid #ccc;
  background-color: #ebebeb;
}
.choseVisible .goodList .friendsList .friendsItem .itemImg {
  margin-right: 0.5rem;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  overflow: hidden;
}
.choseVisible .goodList .friendsList .friendsItem .itemText {
  margin-right: 0.5rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex: 1;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.choseVisible .goodList .friendsList .friendsItem .check {
  display: block;
  width: 1rem;
  height: 1rem;
  background: url(../images/check.png) no-repeat;
  background-size: 2rem 1rem;
  background-position: -1rem 0;
}
.choseVisible .goodList .friendsList .friendsItem .check.checkOn {
  background-position: 0 0;
}
.choseVisible .goodList .goodItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
  padding: 0.5rem;
  border-bottom: 1px solid #ccc;
}
.choseVisible .goodList .goodItem .itemImg {
  margin-right: 0.5rem;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
}
.choseVisible .goodList .goodItem .itemText {
  margin-right: 0.5rem;
  flex: 1;
  -webkit-flex: 1;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* autoprefixer: off*/
  -webkit-box-orient: vertical;
  /* autoprefixer: on*/
}
.choseVisible .goodList .goodItem .check {
  display: block;
  width: 1rem;
  height: 1rem;
  background: url(../images/check_circle.png) no-repeat;
  background-size: 2rem 1rem;
  background-position: 0 0;
}
.choseVisible .goodList .goodItem .check.checkOn {
  background-position: -1rem 0;
}
.choseVisible .goodList .goodItem .unread {
  width: 0.5rem;
  height: 0.5rem;
  background-color: #ff0000;
  border-radius: 50%;
}
.choseVisible .goodList .friendsSearch {
  position: fixed;
  right: 0.5rem;
  top: 30%;
  transform: translateY(2.3rem);
  -webkit-transform: translateY(2.3rem);
  color: #929292;
}
.choseVisible .goodList .friendsSearch div {
  display: block;
  margin: 4px 0;
  color: #929292;
}
.choseVisible .close {
  position: absolute;
  right: 2%;
  top: 1%;
  width: 0.8rem;
  height: 0.8rem;
  background: url(../images/closeImg.png);
  background-size: cover;
  cursor: pointer;
}
.choseVisible .pop_button.oneBtn .pop_btn {
  margin-left: 0;
}
/* 商品关键字 */
.goodKeyWordBox {
  overflow: hidden;
  margin-bottom: -0.5rem;
}
.goodKeyWordBox .goodKeyWord {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  padding: 0.5rem 0.5rem 0;
  margin-right: -2.4%;
}
.goodKeyWordBox .goodKeyWord li {
  margin: 0 2.4% 2.4% 0;
  padding: 5px 10px;
  text-align: center;
  font-size: 0.6rem;
  width: 22.6%;
  background-color: #eee;
  color: #333;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.goodKeyWordBox .goodKeyWord li.on {
  background-color: #2bc697;
  color: #fff;
}
.goodKeyWordBox .dropDown {
  display: block;
  margin: 0 auto 0.2rem;
  width: 0.5rem;
  height: 0.5rem;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.goodKeyWordBox .dropDown.up {
  -webkit-transform-origin: center;
          transform-origin: center;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}
.searchList {
  background-color: #fff;
}
.searchList .searchItem {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.5rem 2.4%;
}
.searchList .searchItem .itemName {
  color: #929292;
}
.searchList .searchItem .itemValue {
  max-width: 68%;
  text-align: right;
  background: transparent;
  border: none;
  outline: none;
  color: #929292;
}
.searchList .searchItem .itemValue::-webkit-input-placeholder {
  color: #929292;
}
.searchList .searchItem .clear {
  display: none;
  background: url(../images/icon_clear.png) no-repeat;
  background-size: cover;
  width: 0.8rem;
  height: 0.8rem;
}
.searchList .searchItem .clear.hasValue {
  display: block;
}
.searchList .searchItem.arrow .itemValue {
  padding-right: 1rem;
  border: none;
  width: 65%;
  text-align: right;
}
.searchList .searchItem.arrow:before {
  content: '';
  position: absolute;
  top: 48%;
  right: 2.4%;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 1px solid #929292;
  border-right: 1px solid #929292;
  transform: rotate(45deg) translateX(-50%);
  -webkit-transform: rotate(45deg) translateX(-50%);
}
.searchList .searchItem .areaValue {
  width: 100%;
  resize: none;
  background: transparent;
  outline: none;
  color: #929292;
  border: 1px solid #ccc;
}
.searchList .searchItem .areaValue::-webkit-input-placeholder {
  color: #929292;
}
.searchList .searchItem .itemSelect {
  position: relative;
  background-color: transparent;
  border: none;
  outline: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  padding-right: 1rem;
  background: url("../images/icon/arrow.png") no-repeat scroll right center transparent;
  background-size: contain;
  color: #666;
}
.searchList .searchItem .itemSelect.selected {
  color: #e5e5e5;
}
.searchList .searchItem .check {
  position: absolute;
  right: 2.4%;
  top: 50%;
  display: block;
  margin-top: -0.51rem;
  width: 1.02rem;
  height: 1.02rem;
  background: url(../images/check.png) no-repeat;
  background-size: 2.04rem 1.02rem;
  background-position: -1.02rem 0;
}
.searchList .searchItem .check.checkOn {
  background-position: 0 0;
}
.searchList .searchItem.searchItem:after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 1px;
  border-top: 1px solid #ccc;
  color: #ccc;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
/* 您可搜索 */
.searchTip {
  margin: 20%;
  text-align: center;
  color: #929292;
}
.searchTip .searchClassify {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.searchTip .searchClassify span {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex: 1;
  margin-top: 1rem;
}
.searchTip .searchClassify span:last-child {
  border-left: 1px solid #ccc;
}
/* 活动列表 */
.activityBox .activityList .activityItem {
  background-color: #fff;
}
.activityBox .activityList .activityItem .activityImg {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  text-align: center;
}
.activityBox .activityList .activityItem .activityImg .activityTip {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.2rem 0;
  color: #fff;
}
.activityBox .activityList .activityItem .activityImg .activityTip.notStarted {
  background-color: rgba(207, 45, 52, 0.8);
}
.activityBox .activityList .activityItem .activityImg .activityTip.starting {
  background-color: rgba(255, 153, 7, 0.8);
}
.activityBox .activityList .activityItem .activityImg .activityTip.complete {
  background-color: #929292;
}
.activityBox .activityList .activityItem .activityText {
  padding-bottom: .2rem;
  letter-spacing: 2px;
  width: 100%;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* autoprefixer: off*/
  -webkit-box-orient: vertical;
  /* autoprefixer: on*/
}
/* 活动详情 */
.activityDetail {
  padding-bottom: 4rem;
}
.activityDetail .activityTitle {
  display: block;
}
.activityDetail .activityTitle .notStarted {
  padding: 0 0.4rem;
  color: #fff;
  background-color: #cf2d34;
}
.activityDetail .activityTitle .starting {
  padding: 0 0.4rem;
  color: #fff;
  background-color: #ff9907;
}
.activityDetail .activityTitle .complete {
  padding: 0 0.4rem;
  color: #fff;
  background-color: #929292;
}
.activityDetail .activityTip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
  padding-top: 2.4%;
  line-height: 1.5;
  font-size: 0.65rem;
  color: #929292;
}
.activityDetail .activityBanner .activityImg {
  display: block;
  width: 100%;
  overflow: hidden;
  text-align: center;
}
/* 筛选 */
.filterBox {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 90%;
  background-color: #fff;
  z-index: 22;
}
.filterBox .fillList .fillItem {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.5;
  padding: 0.5rem 1rem;
  border-bottom: 1px solid #ccc;
}
.filterBox .fillList .fillItem.arrow {
  padding-right: 1.2rem;
}
.filterBox .fillList .fillItem.arrow:before {
  content: '';
  position: absolute;
  top: 48%;
  right: 0.5rem;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 1px solid #929292;
  border-right: 1px solid #929292;
  transform: rotate(45deg) translateX(-50%);
  -webkit-transform: rotate(45deg) translateX(-50%);
}
.filterBox .filterClassify {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  height: calc(100% - 8.2rem);
}
.filterBox .filterClassify + .filterClassify {
  padding-top: 0;
}
.filterBox .filterParent {
  height: 100%;
  overflow-y: scroll;
  width: 3.75rem;
  border-right: 1px solid #ccc;
}
.filterBox .filterParent .filterItem {
  text-align: center;
  line-height: 3.3;
  background-color: #fff;
  border-bottom: 1px solid #ccc;
}
.filterBox .filterParent .filterItem.on {
  background-color: #2bc697;
  color: #fff;
}
.filterBox .filterList {
  height: 100%;
  overflow-y: scroll;
  padding-top: 0.8rem;
  padding-left: 0.5rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-align-items: baseline;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-align-content: flex-start;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.filterBox .filterList .filterItem {
  margin: 0 8% 0.5rem 0;
  width: 25%;
  text-align: center;
  line-height: 2;
  background-color: #eeeeee;
}
.filterBox .filterList .filterItem.on {
  background-color: #2bc697;
  color: #fff;
}
.filterBox .filterBtnBox {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  font-size: 0.7rem;
  border-top: 1px solid #ccc;
}
.filterBox .filterBtnBox .filterBtn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex: 1;
  padding: 0.5rem 0;
  color: #fff;
  background-color: #2bc697;
  cursor: pointer;
}
.filterBox .filterBtnBox .filterBtn:first-child {
  border-right: 1px solid #ccc;
  color: #333;
  background-color: #fff;
}
/* 分类页 */
.classifyPage {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  background-color: #fff;
}
.classifyPage .filterClassify {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  height: 100%;
}
.classifyPage .filterClassify + .filterClassify {
  padding-top: 0;
}
.classifyPage .filterParent {
  height: calc(100%);
  overflow-y: scroll;
  width: 3.75rem;
  border-right: 1px solid #ccc;
}
.classifyPage .filterParent .filterItem {
  text-align: center;
  line-height: 3.3;
  background-color: #fff;
  border-bottom: 1px solid #ccc;
}
.classifyPage .filterParent .filterItem.on {
  background-color: #2bc697;
  color: #fff;
}
.classifyPage .classifyList {
  height: calc(100%);
  overflow-y: scroll;
  padding-top: 0.8rem;
  padding-left: 0.8rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.classifyPage .classifyList .classifyName {
  display: block;
  padding-bottom: 0.5rem;
  color: #2bc697;
}
.classifyPage .filterList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-align-content: flex-start;
}
.classifyPage .filterList .filterItem {
  margin: 0 8% 0.5rem 0;
  width: 25%;
  text-align: center;
  line-height: 2;
}
.classifyPage .filterList .filterItem .photo {
  display: block;
  text-align: center;
  overflow: hidden;
  width: 100%;
}
.classifyPage .filterBtnBox {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  font-size: 0.7rem;
  border-top: 1px solid #ccc;
}
.classifyPage .filterBtnBox .filterBtn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex: 1;
  padding: 0.5rem 0;
  color: #fff;
  background-color: #2bc697;
  cursor: pointer;
}
.classifyPage .filterBtnBox .filterBtn:first-child {
  border-right: 1px solid #ccc;
  color: #333;
  background-color: #fff;
}
/* 玉石分类筛选 */
.classifyFilterBox .classifyList {
  background-color: #fff;
}
.classifyFilterBox .classifyList .subClassifyItem {
  position: relative;
  padding-left: 1rem;
}
.classifyFilterBox .classifyList .subClassifyItem .classifyItem:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 1px;
  border-top: 1px solid #E5E5E5;
  color: #E5E5E5;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  left: -1rem;
}
.classifyFilterBox .classifyList .classifyItem {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.5rem 2.4%;
}
.classifyFilterBox .classifyList .classifyItem .itemName {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex: 1;
  color: #333;
}
.classifyFilterBox .classifyList .classifyItem .itemValue {
  max-width: 68%;
  text-align: right;
  background: transparent;
  border: none;
  outline: none;
  color: #929292;
}
.classifyFilterBox .classifyList .classifyItem .itemValue::-webkit-input-placeholder {
  color: #929292;
}
.classifyFilterBox .classifyList .classifyItem .clear {
  display: none;
  background: url(../images/icon_clear.png) no-repeat;
  background-size: cover;
  width: 0.8rem;
  height: 0.8rem;
}
.classifyFilterBox .classifyList .classifyItem .clear.hasValue {
  display: block;
}
.classifyFilterBox .classifyList .classifyItem.arrow .itemValue {
  padding-right: 1rem;
  border: none;
  width: 65%;
  text-align: right;
}
.classifyFilterBox .classifyList .classifyItem.arrow:before {
  content: '';
  position: absolute;
  top: 48%;
  right: 2.4%;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 1px solid #929292;
  border-right: 1px solid #929292;
  transform: rotate(45deg) translateX(-50%);
  -webkit-transform: rotate(45deg) translateX(-50%);
}
.classifyFilterBox .classifyList .classifyItem .areaValue {
  width: 100%;
  line-height: 1.5;
  resize: none;
  background: transparent;
  outline: none;
  color: #929292;
  border: 1px solid #ccc;
}
.classifyFilterBox .classifyList .classifyItem .areaValue::-webkit-input-placeholder {
  color: #929292;
}
.classifyFilterBox .classifyList .classifyItem .itemSelect {
  position: relative;
  background-color: transparent;
  border: none;
  outline: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  padding-right: 1rem;
  background: url("../images/icon/arrow.png") no-repeat scroll right center transparent;
  background-size: contain;
  color: #666;
}
.classifyFilterBox .classifyList .classifyItem .itemSelect.selected {
  color: #e5e5e5;
}
.classifyFilterBox .classifyList .classifyItem .addBtn {
  padding-left: 1.2rem;
  padding-right: 0.4rem;
  position: relative;
  font-size: 0.6rem;
  color: #929292;
}
.classifyFilterBox .classifyList .classifyItem .addBtn:after {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  display: block;
  content: '';
  width: 1rem;
  height: 1rem;
  background: url(../images/icon/addSubIcon.png) no-repeat;
  background-size: cover;
}
.classifyFilterBox .classifyList .classifyItem .editBtn {
  padding-left: 1.2rem;
  padding-right: 1.6rem;
  position: relative;
  font-size: 0.6rem;
  color: #929292;
}
.classifyFilterBox .classifyList .classifyItem .editBtn:after {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  display: block;
  content: '';
  width: 1rem;
  height: 1rem;
  background: url(../images/icon/editIcon.png) no-repeat;
  background-size: cover;
}
.classifyFilterBox .classifyList .classifyItem .check {
  position: absolute;
  right: 2.4%;
  top: 50%;
  display: block;
  margin-top: -0.51rem;
  width: 1.02rem;
  height: 1.02rem;
  background: url(../images/check.png) no-repeat;
  background-size: 2.04rem 1.02rem;
  background-position: -1.02rem 0;
}
.classifyFilterBox .classifyList .classifyItem .check.checkOn {
  background-position: 0 0;
}
.classifyFilterBox .classifyList .classifyItem .up {
  position: absolute;
  right: 2.4%;
  top: 50%;
  display: block;
  margin-top: -0.51rem;
  width: 1.02rem;
  height: 1.02rem;
  background: url(../images/updown.png);
  background-size: 2.04rem 1.02rem;
  background-position: -1.02rem 0;
}
.classifyFilterBox .classifyList .classifyItem .down {
  position: absolute;
  right: 2.4%;
  top: 50%;
  display: block;
  margin-top: -0.51rem;
  width: 1.02rem;
  height: 1.02rem;
  background: url(../images/updown.png);
  background-size: 2.04rem 1.02rem;
  background-position: 0 0;
}
.classifyFilterBox .classifyList .classifyItem:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 1px;
  border-top: 1px solid #E5E5E5;
  color: #E5E5E5;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  /*  left: 2.4%; */
}
.classifyFilterBox .regBtn {
  position: relative;
  display: block;
  padding-left: 14px;
  padding-right: 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 18px;
  text-align: center;
  text-decoration: none;
  background-color: #2bc697;
  color: #fff;
  line-height: 2.55555556;
  border-radius: 5px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow: hidden;
}
.classifyFilterBox .regBtn:active {
  background-color: #c8af6d;
}
/* 出价记录 */
.bidRecordBox {
  background-color: #fff;
}
.bidRecordBox .pjTop {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.5;
  padding: 0.5rem;
}
.bidRecordBox .pjTop .arrow {
  position: relative;
  padding-right: 1rem;
  text-align: right;
  color: #929292;
}
.bidRecordBox .pjTop .arrow:after {
  content: '';
  position: absolute;
  top: 45%;
  right: 0;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 1px solid #929292;
  border-right: 1px solid #929292;
  transform: rotate(45deg) translateX(-50%);
  -webkit-transform: rotate(45deg) translateX(-50%);
}
.bidRecordBox .pjItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.5;
  border-top: 1px solid #ccc;
}
.bidRecordBox .photo {
  display: block;
  margin-right: 0.5rem;
  width: 1.5rem;
  text-align: center;
  overflow: hidden;
  border-radius: 50%;
}
.bidRecordBox .userBox {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex: 1;
}
.bidRecordBox .userBox .name {
  width: 60%;
  font-size: 0.7rem;
}
.bidRecordBox .userBox .like {
  margin-top: 1.25%;
  width: 33%;
}
.bidRecordBox .userBox .like i {
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  background: url(../images/goodDetail.png);
  background-position: -8.4rem 0;
}
.bidRecordBox .userBox .like i.on {
  background-position: -8.4rem -4.8rem;
}
/* 竞拍底部 */
.bidFooter {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 20;
  width: 100%;
  height: 2.4rem;
  line-height: 2.4rem;
  font-size: 0.7rem;
  background-color: #fff;
  border-top: 1px solid #ccc;
}
.bidFooter .countDown {
  position: absolute;
  left: 0;
  transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  width: 100%;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.5);
  height: 1.5rem;
  line-height: 1.5rem;
  color: #fff;
}
.bidFooter .countDown .num {
  display: inline-block;
  height: 1rem;
  line-height: 1rem;
  min-width: 1rem;
  text-align: center;
  background-color: #cf2d34;
  font-style: normal;
  border-radius: 0.2rem;
  margin: 0 0.2rem;
}
.bidFooter .onlineService {
  display: block;
  width: 66.6%;
  text-align: center;
  height: 2.4rem;
  line-height: 2.4rem;
  font-size: 0.85rem;
  background-color: #fff;
  color: #fff;
}
.bidFooter .onlineService .addSubt {
  display: inline-block;
  margin: 0.3rem 0.5rem;
  font-size: 0.8rem;
  border: 1px solid #acacac;
  overflow: hidden;
  white-space: nowrap;
}
.bidFooter .onlineService .operate {
  float: left;
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  cursor: pointer;
  color: #727272;
}
.bidFooter .onlineService .operate.disable {
  background-color: #ccc;
}
.bidFooter .onlineService .much {
  float: left;
  width: calc(100% - 3rem - 2px);
  height: 1.5rem;
  line-height: 1.5rem;
  padding: 0;
  text-align: center;
  outline: none;
  border: none;
  border-left: 1px solid #acacac;
  border-right: 1px solid #acacac;
  border-radius: 0;
}
.bidFooter .bidBtn {
  display: block;
  width: 33.3%;
  text-align: center;
  height: 2.4rem;
  line-height: 2.4rem;
  font-size: 0.85rem;
  background-color: #ff0000;
  color: #fff;
}
.bidFooter.wait {
  height: auto;
}
.bidFooter.wait .countDown {
  transform: translateY(0);
  -webkit-transform: translateY(0);
  bottom: 0;
  height: auto;
}
/* 信用担保底部 */
.creditGuarantyFooter {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 20;
  width: 100%;
  height: 2.4rem;
  line-height: 2.4rem;
  font-size: 0.7rem;
  background-color: #fff;
  border-top: 1px solid #ccc;
}
.creditGuarantyFooter .onlineService {
  display: block;
  width: 50%;
  text-align: left;
  padding: 0 0.5rem;
  font-size: 0.7rem;
  background-color: #fff;
  line-height: 1.2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.creditGuarantyFooter .bidBtn {
  display: block;
  width: 50%;
  text-align: center;
  height: 2.4rem;
  line-height: 2.4rem;
  font-size: 0.85rem;
  background-color: #ff9908;
  color: #fff;
}
/* 配送方式设置 */
.deliveryWayBox {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  z-index: 23;
  display: none;
  width: 80%;
  font-size: 0.65rem;
  text-align: center;
  color: #606060;
  background-color: #fff;
}
.deliveryWayBox .pop_text {
  text-align: left;
  margin: 0;
  padding: 0.5rem;
  font-size: 0.75rem;
  color: #2bc697;
  border-bottom: 1px solid #ccc;
}
.deliveryWayBox .pop_desc {
  display: block;
  font-size: 0.6rem;
}
.deliveryWayBox .pop_button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  font-size: 0.7rem;
}
.deliveryWayBox .pop_button .pop_btn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex: 1;
  padding: 2.5% 0;
  color: #fff;
  background-color: #2bc697;
  cursor: pointer;
}
.deliveryWayBox .pop_button .pop_btn:first-child {
  border-right: 1px solid #ccc;
  color: #333;
  background-color: #ccc;
}
.deliveryWayBox img {
  margin: auto;
  width: 50%;
}
.deliveryWayBox .close {
  position: absolute;
  right: 2%;
  top: 1%;
  width: 0.8rem;
  height: 0.8rem;
  background: url(../images/closeImg.png);
  background-size: cover;
  cursor: pointer;
}
.deliveryWayBox .pop_button.oneBtn .pop_btn {
  color: #fff;
  background-color: #2bc697;
}
.deliveryWayBox .fillInput {
  padding: 2%;
  width: 95%;
  height: 1rem;
  line-height: 1rem;
  border: 1px solid #ccc;
  border-radius: 5px;
  outline: none;
}
.deliveryWayBox .itemSelect {
  padding: 2%;
  width: 100%;
  height: 1.65rem;
  border: 1px solid #ccc;
  border-radius: 5px;
  outline: none;
}
.deliveryWayBox .textArea {
  margin: 2.4%;
  padding: 2%;
  margin-bottom: 3.75%;
  width: 95%;
  height: 5rem;
  border: 1px solid #ccc;
  outline: none;
  resize: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.deliveryWayBox .fillInputBox {
  position: relative;
}
.deliveryWayBox .fillInputBox .fillInput {
  padding-right: 10%;
  width: 87%;
}
.deliveryWayBox .fillInputBox .searchBar {
  position: absolute;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 1rem;
  height: 1rem;
}
/* 商品管理、 轮播管理*/
.carouselManageBox .infoTab,
.goodManageBox .infoTab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-justify-content: space-around;
  line-height: 1.5;
  background-color: #fff;
  font-size: 0.65rem;
}
.carouselManageBox .infoTab li,
.goodManageBox .infoTab li {
  line-height: 2.5;
}
.carouselManageBox .infoTab .on,
.goodManageBox .infoTab .on {
  color: #2bc697;
  border-bottom: 2px solid #2bc697;
}
.carouselManageBox .infoList .infoItem,
.goodManageBox .infoList .infoItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  background-color: #fff;
  line-height: 1.5;
}
.carouselManageBox .infoList .infoItem .infoImg,
.goodManageBox .infoList .infoItem .infoImg {
  width: 5rem;
  overflow: hidden;
  border: 1px solid #ccc;
}
.carouselManageBox .infoList .infoItem .infoText,
.goodManageBox .infoList .infoItem .infoText {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
}
.carouselManageBox .infoList .infoItem .infoText .title,
.goodManageBox .infoList .infoItem .infoText .title {
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* autoprefixer: off*/
  -webkit-box-orient: vertical;
  /* autoprefixer: on*/
}
.carouselManageBox .infoList .infoItem .check,
.goodManageBox .infoList .infoItem .check {
  display: block;
  width: 1.02rem;
  height: 1.02rem;
  background: url(../images/check.png) no-repeat;
  background-size: 2.04rem 1.02rem;
  background-position: -1.02rem 0;
}
.carouselManageBox .infoList .infoItem .check.checkOn,
.goodManageBox .infoList .infoItem .check.checkOn {
  background-position: 0 0;
}
/* 聊天底部 */
.chatFooter {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 20;
  width: 100%;
  height: 2.4rem;
  line-height: 2.4rem;
  font-size: 0.7rem;
  background-color: #fff;
  border-top: 1px solid #ccc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /* .chatBar{ display: block; margin-left: 0.5rem; width: 1rem; height: 1rem; background: url(../images/icon/upDown.png) no-repeat; background-size: 2rem auto; overflow: hidden;
	 	&.up{ background-position: -1rem 0;}
	 } */
}
.chatFooter .upImg {
  display: block;
  margin-left: 0.5rem;
  width: 1.25rem;
  height: 1rem;
  background: url(../images/icon/upImgIcon.png) no-repeat;
  background-size: cover;
  overflow: hidden;
}
.chatFooter .upImg input[type='file'] {
  font-size: 2rem;
  opacity: 0;
}
.chatFooter .chatBar {
  display: block;
  margin-left: 0.5rem;
  width: 1.5rem;
  height: 1.5rem;
  background: url(../images/icon/buyIcon.png) no-repeat;
  background-size: cover;
  overflow: hidden;
}
.chatFooter .textarea {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex: 1;
  font-size: 0.7rem;
  background-color: #eaeaea;
  color: #333;
  margin: 0.5rem;
  border-radius: 0.5rem;
  padding: 0.2rem 0.5rem;
  border: none;
  outline: none;
  resize: none;
}
.chatFooter .addCart {
  display: block;
  width: 4rem;
  text-align: center;
  line-height: 1.25rem;
  font-size: 0.7rem;
  background-color: #2bc697;
  color: #fff;
  margin: 0.5rem 0.5rem 0.5rem 0;
  border-radius: 0.5rem;
}
/* 我的留言 */
.myMessage {
  background-color: #fff;
}
.myMessage .pjItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.5;
  border-top: 1px solid #ccc;
}
.myMessage .photoBox {
  position: relative;
}
.myMessage .photoBox .unread {
  position: absolute;
  top: -0.1rem;
  right: 0.3rem;
  width: 0.5rem;
  height: 0.5rem;
  background-color: #ff0000;
  border-radius: 50%;
}
.myMessage .photo {
  display: block;
  margin-right: 0.5rem;
  width: 1.5rem;
  text-align: center;
  overflow: hidden;
  border-radius: 50%;
}
.myMessage .userBox {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex: 1;
}
.myMessage .userBox .name {
  width: 60%;
  font-size: 0.7rem;
}
.myMessage .userBox .like {
  margin-top: 1.25%;
  width: 33%;
}
.myMessage .userBox .like i {
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  background: url(../images/goodDetail.png);
  background-position: -8.4rem 0;
}
.myMessage .userBox .like i.on {
  background-position: -8.4rem -4.8rem;
}
.myMessage .setFriendship {
  font-size: 0.5rem;
  padding: 0.1rem 0.2rem;
  border-radius: 0.5rem;
  color: #2bc697;
  border: 1px solid #2bc697;
}
/* 快速查询 */
.quickSearch {
  position: fixed;
  right: 0.5rem;
  top: 20%;
  transform: translateY(2.3rem);
  -webkit-transform: translateY(2.3rem);
  color: #929292;
}
.quickSearch a {
  display: block;
  color: #929292;
}
/* 留言详情 */
.wordDetail {
  background-color: #fff;
  min-height: 100vh;
}
.wordDetail .self {
  text-align: right;
}
.wordDetail .self .userBox {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.wordDetail .self .userBox .photo {
  margin-left: 0.5rem;
  margin-right: 0;
}
.wordDetail .self .userBox .name {
  text-align: right;
}
.wordDetail .userBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.5;
}
.wordDetail .userBox .photo {
  margin-right: 0.5rem;
  width: 1.5rem;
  text-align: center;
  overflow: hidden;
  border-radius: 50%;
}
.wordDetail .userBox .name {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex: 1;
  font-size: 0.7rem;
}
.wordDetail .content {
  margin: 0.5rem 2rem;
  display: inline-block;
  background-color: #eeeeee;
  padding: 0.5rem;
  border-radius: 0.5rem;
  color: #929292;
  line-height: 1.2;
  text-align: left;
}
.wordDetail .content img {
  max-width: 100%;
}
/* 订单确认 */
.orderConfirm .infoTip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
  line-height: 1.5;
  padding: 0.5rem 2.4%;
}
.orderConfirm .fillList {
  position: relative;
  display: block;
  background-color: #fff;
  padding: 0.5rem 2.4%;
}
.orderConfirm .fillList .fillItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.5;
  /* &:after{content: " "; position: absolute; left: 0; top: 0; right: 0; height: 1px; border-top: 1px solid #E5E5E5; color: #E5E5E5; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); left: 2.4%;} */
}
.orderConfirm .fillList .fillItem .itemName {
  width: 4rem;
  color: #606060;
}
.orderConfirm .fillList .fillItem .itemValue {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex: 1;
  color: #929292;
}
.orderConfirm .fillList .fillItem .itemValue input {
  width: 100%;
  background: transparent;
  border: none;
  outline: none;
  color: #929292;
  text-align: right;
}
.orderConfirm .fillList.arrow {
  padding-right: 4.8%;
}
.orderConfirm .fillList.arrow:before {
  content: '';
  position: absolute;
  top: 48%;
  right: 2.4%;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 1px solid #929292;
  border-right: 1px solid #929292;
  transform: rotate(45deg) translateX(-50%);
  -webkit-transform: rotate(45deg) translateX(-50%);
}
/* 订单支付成功 */
.orderSuccessBox {
  padding-top: 4.25rem;
}
.orderSuccessBox .succImg {
  width: 2.56rem;
  padding: 1rem 0;
}
.orderSuccessBox .succBtnBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
}
.orderSuccessBox .succBtnBox .succBtn {
  margin: 0.5rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex: 1;
  border: 1px solid #2bc697;
  background-color: #2bc697;
  color: #fff;
  font-size: 0.8rem;
  padding: 0.5rem;
  border-radius: 0.2rem;
  text-align: center;
}
.orderSuccessBox .succBtnBox .succBtn + .succBtn {
  margin-left: 0;
}
.orderSuccessBox .succBtnBox .succBtn.plain {
  background-color: #fff;
  color: #2bc697;
}
.orderSuccessBox .succBtnBox.md {
  width: 50%;
  margin: 0 auto;
}
/* 我的关注 */
.myCare .businessInfoBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.5;
  font-size: 0.7rem;
}
.myCare .businessInfoBox .photo {
  display: block;
  margin-right: 0.5rem;
  width: 1.5rem;
  text-align: center;
  overflow: hidden;
  border-radius: 50%;
}
.myCare .businessInfoBox .businessInfo {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex: 1;
}
.myCare .businessInfoBox .cancelBtn {
  display: block;
  padding: 0.1rem 0.4rem;
  border: 1px solid #cf2d34;
  color: #cf2d34;
  border-radius: 0.5rem;
  font-size: 0.5rem;
}
.myCare .infoList .infoItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  background-color: #fff;
  line-height: 1.5;
}
.myCare .infoList .infoItem .infoImg {
  width: 20%;
  overflow: hidden;
  border: 1px solid #ccc;
}
.myCare .infoList .infoItem .infoText {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
}
.myCare .infoList .infoItem .infoText .title {
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* autoprefixer: off*/
  -webkit-box-orient: vertical;
  /* autoprefixer: on*/
}
.myCare .infoList .infoItem .check {
  display: block;
  width: 1.02rem;
  height: 1.02rem;
  background: url(../images/check.png) no-repeat;
  background-size: 2.04rem 1.02rem;
  background-position: -1.02rem 0;
}
.myCare .infoList .infoItem .check.checkOn {
  background-position: 0 0;
}
.myCare .entryBtn {
  display: block;
  padding: 0.2rem 0.4rem;
  border: 1px solid #ffae00;
  color: #ffae00;
  border-radius: 0.2rem;
  font-size: 0.7rem;
  text-align: center;
}
/* 收货地址 */
.addrManageBox .infoTip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
  line-height: 1.5;
  padding: 0.5rem 2.4%;
}
.addrManageBox .addrManage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  padding: 0.5rem;
  background-color: #fff;
}
.addrManageBox .addrManage .checkAll {
  position: relative;
  padding-left: 7.2%;
  font-size: 0.6rem;
}
.addrManageBox .addrManage .checkAll:before {
  position: absolute;
  left: 0;
  top: 50%;
  content: '';
  display: block;
  margin-top: -0.51rem;
  width: 1.02rem;
  height: 1.02rem;
  background: url(../images/check_circle.png) no-repeat;
  background-size: 2.04rem 1.02rem;
}
.addrManageBox .addrManage .checkAll.checkOn:before {
  background-position: -1.02rem 0;
}
.addrManageBox .addrManage .operaBtnBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
}
.addrManageBox .addrManage .operaBtnBox .operaBtn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex: 1;
  color: #929292;
  font-size: 0.8rem;
  border-radius: 0.2rem;
  text-align: center;
}
.addrManageBox .addrManage .operaBtnBox .operaBtn + .operaBtn {
  margin-left: 0.5rem;
}
.addrManageBox .addrManage .operaBtnBox .operaBtn.editIcon {
  display: block;
  position: relative;
  padding-left: 1rem;
}
.addrManageBox .addrManage .operaBtnBox .operaBtn.editIcon:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  display: block;
  width: 1rem;
  height: 1rem;
  background: url(../images/addrManage.png) no-repeat;
  background-position: 0 0;
  background-size: 2rem auto;
}
.addrManageBox .addrManage .operaBtnBox .operaBtn.delIcon {
  display: block;
  position: relative;
  padding-left: 1rem;
}
.addrManageBox .addrManage .operaBtnBox .operaBtn.delIcon:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  display: block;
  width: 1rem;
  height: 1rem;
  background: url(../images/addrManage.png) no-repeat;
  background-position: -1rem 0;
  background-size: 2rem auto;
}
/* 支付方式 */
.payWay .fillList {
  background-color: #fff;
}
.payWay .fillList .fillItem {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.7rem 2.4%;
}
.payWay .fillList .fillItem .itemName {
  color: #333;
}
.payWay .fillList .fillItem .itemValue {
  max-width: 68%;
  text-align: right;
  background: transparent;
  border: none;
  outline: none;
  color: #929292;
}
.payWay .fillList .fillItem .itemValue::-webkit-input-placeholder {
  color: #929292;
}
.payWay .fillList .fillItem .outlineView {
  margin-left: 0.5rem;
  color: #2bc697;
  border-bottom: 1px solid #2bc697;
}
.payWay .fillList .fillItem .outlineIcon {
  position: relative;
  padding-left: 1.8rem;
}
.payWay .fillList .fillItem .outlineIcon:before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  display: block;
  content: '';
  width: 1.3rem;
  height: 1.3rem;
  background: url(../images/icon/outlineIcon.png) no-repeat;
  background-size: cover;
  vertical-align: middle;
  margin-right: 0.5rem;
}
.payWay .fillList .fillItem .weixinIcon {
  position: relative;
  padding-left: 1.8rem;
}
.payWay .fillList .fillItem .weixinIcon:before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  display: block;
  content: '';
  width: 1.3rem;
  height: 1.3rem;
  background: url(../images/icon/weixinIcon.png) no-repeat;
  background-size: cover;
  vertical-align: middle;
  margin-right: 0.5rem;
}
.payWay .fillList .fillItem .zhifubaoIcon {
  position: relative;
  padding-left: 1.8rem;
}
.payWay .fillList .fillItem .zhifubaoIcon:before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  display: block;
  content: '';
  width: 1.3rem;
  height: 1.3rem;
  background: url(../images/icon/zhifubaoIcon.png) no-repeat;
  background-size: cover;
  vertical-align: middle;
  margin-right: 0.5rem;
}
.payWay .fillList .fillItem.arrow .itemValue {
  padding-right: 1rem;
  border: none;
  width: 65%;
  text-align: right;
}
.payWay .fillList .fillItem.arrow:before {
  content: '';
  position: absolute;
  top: 48%;
  right: 2.4%;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 1px solid #929292;
  border-right: 1px solid #929292;
  transform: rotate(45deg) translateX(-50%);
  -webkit-transform: rotate(45deg) translateX(-50%);
}
.payWay .fillList .fillItem .areaValue {
  width: 100%;
  line-height: 1.5;
  resize: none;
  background: transparent;
  outline: none;
  color: #929292;
  border: 1px solid #ccc;
}
.payWay .fillList .fillItem .areaValue::-webkit-input-placeholder {
  color: #929292;
}
.payWay .fillList .fillItem .check_circle {
  position: relative;
  padding-left: 7.2%;
  font-size: 0.6rem;
}
.payWay .fillList .fillItem .check_circle:before {
  position: absolute;
  left: 0;
  top: 50%;
  content: '';
  display: block;
  margin-top: -0.51rem;
  width: 1.2rem;
  height: 1.2rem;
  background: url(../images/check_circle.png) no-repeat;
  background-size: 2.4rem 1.2rem;
}
.payWay .fillList .fillItem .check_circle.checkOn:before {
  background-position: -1.2rem 0;
}
.payWay .fillList .fillItem + .fillItem:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 1px;
  border-top: 1px solid #E5E5E5;
  color: #E5E5E5;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  /*  left: 2.4%; */
}
/* 支付方式弹窗 */
.payWayPop {
  background-color: #fff;
  display: none;
}
.payWayPop .goodList .goodItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  line-height: 1.5;
}
.payWayPop .goodList .goodItem .itemImg {
  margin-right: 0.5rem;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
}
.payWayPop .goodList .goodItem .itemName {
  width: 5rem;
  text-align: left;
}
.payWayPop .goodList .goodItem .itemText {
  flex: 1;
  -webkit-flex: 1;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* autoprefixer: off*/
  -webkit-box-orient: vertical;
  /* autoprefixer: on*/
}
.payWayPop .goodList .goodItem .check {
  display: block;
  width: 1rem;
  height: 1rem;
  background: url(../images/check.png) no-repeat;
  background-size: 2rem 1rem;
  background-position: -1rem 0;
}
.payWayPop .goodList .goodItem .check.checkOn {
  background-position: 0 0;
}
.payWayPop .close {
  position: absolute;
  right: 2%;
  top: 1%;
  width: 0.8rem;
  height: 0.8rem;
  background: url(../images/closeImg.png);
  background-size: cover;
  cursor: pointer;
}
/* 分享 */
.shareBox {
  display: none;
  position: fixed;
  z-index: 22;
  bottom: 0;
  width: 100%;
  background-color: #fff;
}
.shareBox .shareList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-justify-content: flex-start;
  background-color: #e0e0e0;
}
.shareBox .shareList .shareItem {
  width: 25%;
  text-align: center;
  padding: 0.5rem 0;
}
.shareBox .shareList .shareItem .shareImg {
  display: block;
  margin: 0 auto;
  width: 100%;
  width: 3.5rem;
  padding-bottom: 0.5rem;
}
.shareBox .shareList .shareItem .shareText {
  display: block;
}
.shareBox .cancelBtn {
  display: block;
  text-align: center;
  padding: 0.5rem 0;
}
.weui-photo-browser-modal .photo-container img {
  width: 100%;
}
.weui-photo-browser-modal .photo-container .closeBtn {
  position: absolute;
  top: 3rem;
  right: 0.5rem;
  z-index: 100;
  width: 1.5rem;
  height: 1.5rem;
  display: block;
  color: #fff;
  font-size: 0;
  background: url('../images/closeImg.png') no-repeat;
  background-size: cover;
}
/* 我的积分 */
.myPointsBox {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-justify-content: center;
  padding: 0.5rem;
  background-color: #fff;
  color: #333;
  height: 5rem;
  background: url(../images/myPointsBg.png) no-repeat;
  background-size: cover;
}
.myPointsBox .pointIcon {
  position: relative;
  padding-left: 1rem;
  font-size: 1.4rem;
  color: #e9d3b2;
}
.myPointsBox .pointIcon:after {
  display: block;
  content: '';
  width: 0.8rem;
  height: 0.8rem;
  position: absolute;
  left: 0;
  bottom: 0.2rem;
  background: url(../images/icon/pointIcon.png) no-repeat;
  background-size: cover;
}
/* 举报和拉黑 */
.userInfoBtn {
  text-align: center;
  background-color: #f4f4f4;
  padding: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.userInfoBtn .lhBtn {
  position: relative;
  display: block;
  padding-left: 14px;
  padding-right: 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 18px;
  text-align: center;
  text-decoration: none;
  background-color: #cf2d34;
  color: #fff;
  line-height: 2.55555556;
  border-radius: 5px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow: hidden;
}
.userInfoBtn .lhBtn.active {
  background-color: #ccc;
}
.userInfoBtn .jbBtn {
  position: relative;
  display: block;
  padding-left: 14px;
  padding-right: 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 18px;
  text-align: center;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #cf2d34;
  color: #cf2d34;
  line-height: 2.55555556;
  border-radius: 5px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow: hidden;
}
.userInfoBtn .jbBtn.active {
  background-color: #ccc;
  border: none;
  color: #fff;
}
/* 上传图片 */
.cameraBox {
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
}
.cameraBox .cameraList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  padding: 0 2.4% 2.4%;
}
.cameraBox .cameraList .cameraItem {
  position: relative;
  width: 48%;
  background-color: rgba(0, 0, 0, 0.02);
  border: 1px solid #ccc;
  border-radius: 0.2rem;
  text-align: center;
  overflow: hidden;
}
.cameraBox .cameraList .cameraItem + .cameraItem {
  margin-left: 2.4%;
}
.cameraBox .cameraList .cameraItem .cameraTip {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.cameraBox .cameraList .cameraItem .uploadImg {
  z-index: 1;
  font-size: 8rem;
  opacity: 0;
}
